@font-face {
    font-family: 'fairview';
    src: url('../webfonts/fairview_smallcaps-webfont.woff2') format('woff2'),
         url('../webfonts/fairview_smallcaps-webfont.woff') format('woff');
    font-weight: lighter;
    font-style: normal;
	 
}

@font-face {
    font-family: 'fairviewregular';
    src: url('../webfonts/fairview_regular-webfont.woff2') format('woff2'),
         url('../webfonts/fairview_regular-webfont.woff') format('woff');
    font-weight: lighter;
    font-style: normal;
 
}

@font-face {font-family: "Brush";
  src: url("../webfonts/33bc06ea126d3ff79886277122f1f510.eot"); /* IE9*/
  src: url("../webfonts/33bc06ea126d3ff79886277122f1f510.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../webfonts/33bc06ea126d3ff79886277122f1f510.woff2") format("woff2"), /* chrome、firefox */
  url("../webfonts/33bc06ea126d3ff79886277122f1f510.woff") format("woff"), /* chrome、firefox */
  url("../webfonts/33bc06ea126d3ff79886277122f1f510.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../webfonts/33bc06ea126d3ff79886277122f1f510.svg#Brush Script MT Italic V2") format("svg"); /* iOS 4.1- */
}

.fairview{ font-family:fairview !important}

#sous_hader{background:url("../image/2.jpg")   repeat-x 0px 335px  }
#header{ background:url("../image/1.jpg") no-repeat center  335px}

#SurBan{ font-size:85px; padding-top:85px; display:block ; font-family: Brush; color:#f05323; ; font-weight:lighter; line-height:70px}

 
.navbar { background-color:#c1c1c1 !important }
.menuhover_a{ font-size:38px}

#image_logo{ float:left; margin-top:20px}

.menuhover_a.vert{ color:#00a869 !important}
.menuhover_a.orange{ color:#f26022  !important}

#menu_haut{ text-align:left; padding-top:160px; padding-left:0px !important }
#menu_haut li{ display:inline-block} 
#menu_haut li a{ display:inline-block; width:auto; padding-left:7px; padding-right:7px; font-size:38px}
a{ text-decoration:none !important}

#bulle3 h1 { font-family: Brush; color:#f05323; display:inline-block; text-align:center; ; margin-top:30px; font-weight:lighter}
#bulle3ville { list-style-type:none}
#bulle3ville li{ display:inline-block}

.footertexte{ font-family:fairviewregular !important;   font-size:30px; font-weight:lighter !important ; }


#bloc2{background-color:#e7e7e5; padding-top:100px    }
#bloc2 *{ font-family:fairviewregular !important;   font-size:30px; font-weight:lighter !important ;  color:#000000;}
#bloc2 h1{  font-family:fairviewregular !important; font-size:63px ; font-weight:lighter; padding-bottom:20px;  }
#bloc2 h2{  font-family:fairviewregular !important; font-size:43px ; color:#000000; font-weight:lighter; padding-top:20px; padding-bottom:20px; text-decoration:underline }
#bloc2 p{ padding-top:10px; padding-bottom:10px; line-height:40px }
#bloc2 p strong{ font-weight:bold !important }
#bloc2 ul{ list-style-type:none;  }
#bloc2 ul li{ list-style-type:none;  padding-bottom:10px;  }


slidermot{ position:relative;    }

.slider-1{ padding:0px}
#sliderville{   background-color:#e7e7e5; position:absolute;  width:100%; left:0 }
#sliderville .container{visibility:hidden; padding-top:30px}

#slidervillelav{     background-color:#e7e7e5 ;  position:absolute;  width:100%  ;   width:100%; left:0   }
#slidervillelav .container{visibility:hidden; padding-top:30px }

#slidervillemars{    background-color:#e7e7e5 ;  position:absolute;  width:100% ;   width:100%; left:0    }
#slidervillemars .container{visibility:hidden; padding-top:30px } 


#qui-somme-nous{ padding-top:30px}
 

#actualite{ max-height:400px; margin-bottom:20px}
.bloc_actu h4{ font-family:fairviewregular !important;   font-size:30px;  }
.bloc_actu p{ font-family:fairviewregular !important;   font-size:20px;  }
.bloc_actu .badge{ background-color:#00a869}

.form-container h3{ font-family:fairviewregular !important;   font-size:50px; color:#f26022  }

.footlogo{ display:inline-block ; font-family:fairviewregular !important; margin-left:5px; margin-right:5px}

.swiper-slide{  font-family:fairviewregular !important;   font-size:30px;; color:#f26022  }


.orange{color:#f15f22 !important}
.vert{color:#00a869 !important} 
.copyright{ background-color:transparent !important; }
.copyright .p-small {
    padding-top: 1.375rem;
    border-top: 1px solid #f15f22 !important ;
    color: #f3f7fd;
}

.basic-2{ background-color:#e7e7e5 }
#video{ margin-top:-10px; padding-top:20px}

a:hover{ color:#f15f24 !important;text-decoration:underline !important}

a.nav-link.active{text-decoration:underline !important}
#menu_haut a.nav-link:hover{text-decoration:underline !important} 

a.back-to-top{ background-color:#f15f22  !important}

#bloup_caroussel{  -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; overflow:hidden !important   }

#diag{ background:url("../image/diag.png") top center no-repeat; width:100%; height: 768px; position:absolute; margin-top:-420px; z-index:-1 }
#diag2{ background:url("../image/diag2.png") top center no-repeat; width:100%; height: 768px; position:absolute; margin-top:-150px; z-index:-1 }
#services_tarifs h1{ font-size:100px; font-family:fairviewregular !important;; font-weight:lighter  }
#actu_lien h1{ font-size:100px; font-family:fairviewregular !important; ; font-weight:lighter }
#devis_gratuit{ font-size:100px; font-family:fairviewregular !important; transform: rotate(-18deg); color:#000; text-decoration:underline; display:block ; font-weight:lighter }

#contact_nous{ background:url("../image/fond_contact.png"); }
#contact_nous h1{ font-size:100px; font-family:fairviewregular !important; font-weight:lighter }
#contact_nous h3{ font-size:60px; font-family:fairviewregular !important;padding-top:30px ; font-weight:lighter }
#contact_nous .container{ position:relative; z-index:300; padding-top:200px}

#map{ max-width:98%}


.bt_prev_nex_xs{ display:none;   padding-top:20px; position:relative; z-index:300; width:100%}
#pourcent50{ margin-top:-50px}
#homme_aspirateur{ margin-top:80px} 

#services_tarifs{z-index:300;  position:relative; margin-top:-290px; padding-top:150px} 


#bloc_aide{   height:494px; width:986px;  background:url("../image/bloc_aide.jpg") top center no-repeat; color:#FFF; background-size:100% 100%; margin:0 auto ; padding-left:210px }
	#bloc_aide .bloc_titre{ font-family:fairviewregular !important; font-size:71px; margin-top:45px; }
	#bloc_aide ul { list-style-type:none; margin-top:60px; padding-left:140px}
	#bloc_aide ul li{ font-family:fairviewregular !important; font-size:41px; padding-bottom:25px}
	
#bloc_sortir{   height:494px; width:986px;  background:url("../image/bloc_sortir.jpg?d=4548") top center no-repeat; color:#FFF; background-size:100% 100%; margin:0 auto ; padding-left:110px }
	#bloc_sortir .bloc_titre{ font-family:fairviewregular !important; font-size:71px; margin-top:45px; }
	#bloc_sortir ul { list-style-type:none; margin-top:60px; padding-left:0px}
	#bloc_sortir ul li{ font-family:fairviewregular !important; font-size:41px; padding-bottom:25px} 

#bloc_jardinage{   height:494px; width:986px;  background:url("../image/bloc_jardinage.jpg") top center no-repeat; color:#FFF; background-size:100% 100%; margin:0 auto ; padding-left:210px }
	#bloc_jardinage .bloc_titre{ font-family:fairviewregular !important; font-size:71px; margin-top:45px; }
	#bloc_jardinage ul { list-style-type:none; margin-top:60px; padding-left:140px}
	#bloc_jardinage ul li{ font-family:fairviewregular !important; font-size:41px; padding-bottom:25px} 
	
.form-control-submit-button{background-color:#f26022 !important; border:1px solid #f26022!important ; font-family:fairviewregular !important; font-size:35px;!important}	
.form-control-submit-button:hover {color:#FFFFFF !important; background-color:#df5419 !important}	
#dltarif{ text-decoration:underline !important  ; font-family:fairviewregular !important; font-size:90px; margin-top:75px; display:block}	

 		
#separactu2{ padding-top:0px !important ; background:url("../image/2.jpg") #e7e7e5 repeat-x top center; margin-top:150px }
#actu_lien{ background:url("../image/1.jpg") no-repeat top center; }

.message-rmerciement h1{ font-family:fairviewregular !important; font-size:46px; color:#f15f22 } 
.message-rmerciement{  font-family:fairviewregular !important; font-size:36px; color:#00a869 } 	


.liens_utils { padding-top:150px}
.liens_utils h3{ font-size:44px ; font-family: "Brush";}
.liens_utils ul{ list-style:none; padding-top:30px}
.liens_utils ul li{ ; padding-bottom:40px}
.liens_utils ul li a{  font-family:fairviewregular !important; font-size:36px; color:#000}  




@media (min-width: 0px) and   (max-width: 1000px) { 



}

@media (min-width: 1001px) and   (max-width: 5000px) {  

#link_reseau{ position:fixed; left:0px; top:150px; border:1px solid #00a96a ; -webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; background-color:#FFF ;-webkit-box-shadow: 0 0 5px 0 #005C3A; margin-left:-25px;
box-shadow: 0 0 5px 0 #005C3A; transform:scale(0.7,0.7)} 
	

}

#link_reseau a { display:block}
 
 
@media (min-width: 0px) and   (max-width: 576px) {
 	#diag {margin-top:-560px;}
	
	.nomobile{ display:none}
	 #header{ background:none !important}
	 #pourcent50{ margin-top:0px} 
	 	 .carousel-control-prev img{ height: 100px}
	  .carousel-control-next img{ height: 100px}
	  .bt_prev_nex_xs{ display:flex; } 
	  .bt_prev_nex_xs_base{ display:none}
	  	#diag {margin-top:-500px;}
	#services_tarifs h1{ font-size:50px  !important }
	#actu_lien h1{ font-size:50px;   }
	#contact_nous h1{ font-size:50px; }
	#contact_nous h3{ font-size:30px; padding-top:00px   }
	
	#devis_gratuit{ font-size:50px  !important   }	
	#services_tarifs{  margin-top:-390px}
	
	#bloc_aide{   height:185px  ; width:370px ; padding-left:80px}  
			#bloc_aide .bloc_titre{ font-family:fairviewregular !important; font-size:25px; margin-top:15px; }
			#bloc_aide ul { list-style-type:none; margin-top:5px; padding-left:50px}
			#bloc_aide ul li{ font-family:fairviewregular !important; font-size:16px; padding-bottom:0px; height:20px}
	
	#bloc_sortir{   height:185px  ; width:370px ; padding-left:50px}  
			#bloc_sortir .bloc_titre{ font-family:fairviewregular !important; font-size:25px; margin-top:15px; }
			#bloc_sortir ul { list-style-type:none; margin-top:2px; padding-left:0px}
			#bloc_sortir ul li{ font-family:fairviewregular !important; font-size:15px; padding-bottom:0px; height:20px}
			
	#bloc_jardinage{   height:185px  ; width:370px ; padding-left:80px}  
			#bloc_jardinage .bloc_titre{ font-family:fairviewregular !important; font-size:25px; margin-top:15px; }
			#bloc_jardinage ul { list-style-type:none; margin-top:5px; padding-left:50px}
			#bloc_jardinage ul li{ font-family:fairviewregular !important; font-size:16px; padding-bottom:0px; height:20px}
			
	#dltarif{   font-size:30px; margin-top:30px  }
	#sommes_nous ul { padding-left:10px} 
	#services_tarifs{ padding-top:120px}
	#separactu2{margin-top:30px}
	
	#actu_lien{ background:url("../image/1.jpg") no-repeat -350px 0px; }	
	
	.liens_utils { padding-top:0px}
	
	#homme_ling{ width:50%; display:block;  margin:0 auto;  margin-bottom:50px}
	#diag2{ margin-top:-600px; background-position:left}
	#contact_nous .container{ padding-top:0px}
	
	.form-container h3{  font-size:30px;  }
}

@media (min-width: 577px) and (max-width: 768px) {
			
	.nomobile{ display:none}
	 #header{ background:none !important}
	 #pourcent50{ margin-top:0px} 
	 	 .carousel-control-prev img{ height: 100px}
	  .carousel-control-next img{ height: 100px}
	  .bt_prev_nex_xs{ display:flex; } 
	  .bt_prev_nex_xs_base{ display:none}
	  	#diag {margin-top:-500px;}
	#services_tarifs h1{ font-size:60px  !important }
	#actu_lien h1{ font-size:60px;   }
	#contact_nous h1{ font-size:60px; }
	#contact_nous h3{ font-size:40px; padding-top:00px   }
	#devis_gratuit{ font-size:60px  !important   }	
	#services_tarifs{ padding-top:60px}
	#separactu2{margin-top:30px}
	
		#bloc_aide{   height:271px  ; width:540px ; padding-left:120px  } 
			#bloc_aide .bloc_titre{ font-family:fairviewregular !important; font-size:35px; margin-top:25px; }
			#bloc_aide ul { list-style-type:none; margin-top:25px; padding-left:65px}
			#bloc_aide ul li{ font-family:fairviewregular !important; font-size:23px; padding-bottom:5px}
			
		#bloc_sortir{   height:271px  ; width:540px ; padding-left:70px  } 
			#bloc_sortir .bloc_titre{ font-family:fairviewregular !important; font-size:35px; margin-top:25px; }
			#bloc_sortir ul { list-style-type:none; margin-top:15px; padding-left:0px}
			#bloc_sortir ul li{ font-family:fairviewregular !important; font-size:23px; padding-bottom:5px}	
		
		#bloc_jardinage{   height:271px  ; width:540px ; padding-left:120px  } 
			#bloc_jardinage .bloc_titre{ font-family:fairviewregular !important; font-size:35px; margin-top:25px; }
			#bloc_jardinage ul { list-style-type:none; margin-top:25px; padding-left:65px}
			#bloc_jardinage ul li{ font-family:fairviewregular !important; font-size:23px; padding-bottom:5px}
			#dltarif{   font-size:40px;  } 
	
	.liens_utils { padding-top:0px}
	#homme_ling{ width:50%; display:block;  margin:0 auto;  margin-bottom:50px}
	
	#diag2{ margin-top:-500px; background-position:left}
	#contact_nous .container{ padding-top:80px}	
	
	.form-container h3{  font-size:40px;  }	
	
}

@media (min-width: 769px) and   (max-width: 990px) {
	.nomobile{ display:none}
	 #header{ background:none !important}
	 .carousel-control-prev img{ height: 100px}
	  .carousel-control-next img{ height: 100px}
	  .bt_prev_nex_xs{ display:flex; } 
	  .bt_prev_nex_xs_base{ display:none}
	  #pourcent50{ margin-top:0px} 
	#diag {margin-top:-500px;}
	#services_tarifs h1{ font-size:60px  !important }
	#contact_nous h1{ font-size:60px; }
	#contact_nous h3{ font-size:50px; padding-top:00px   }
	#actu_lien h1{ font-size:60px;   }
	#devis_gratuit{ font-size:60px  !important   }	
	#services_tarifs{ padding-top:30px}
	#separactu2{margin-top:60px}
	
	#bloc_aide{   height:361px ; width:720px ; padding-left:150px }
		#bloc_aide .bloc_titre{ font-family:fairviewregular !important; font-size:35px; margin-top:35px; }
		#bloc_aide ul { list-style-type:none; margin-top:40px; padding-left:105px}
		#bloc_aide ul li{ font-family:fairviewregular !important; font-size:30px; padding-bottom:15px}	
	#bloc_sortir{   height:361px ; width:720px ; padding-left:90px  }
		#bloc_sortir .bloc_titre{ font-family:fairviewregular !important; font-size:35px; margin-top:35px; }
		#bloc_sortir ul { list-style-type:none; margin-top:20px; padding-left:0px}
		#bloc_sortir ul li{ font-family:fairviewregular !important; font-size:30px; padding-bottom:15px}	
	
	#bloc_jardinage{   height:361px ; width:720px ; padding-left:150px  }
		#bloc_jardinage .bloc_titre{ font-family:fairviewregular !important; font-size:35px; margin-top:35px; }
		#bloc_jardinage ul { list-style-type:none; margin-top:40px; padding-left:105px}
		#bloc_jardinage ul li{ font-family:fairviewregular !important; font-size:30px; padding-bottom:15px} 
		#dltarif{   font-size:60px;  }
		
	.liens_utils { padding-top:40px}
	
	#diag2{ margin-top:-450px; background-position:left}
	#contact_nous .container{ padding-top:80px}	
	
	
}

@media (min-width: 991px) and  (max-width: 1280px) {
	 
	#image_logo{  width:300px; margin-top:40px  } 
	#menu_haut li a{  font-size:30px }
	#header{ background:url("../image/1.jpg")  no-repeat   center 240px}
	#menu_haut{ margin-top:-30px}	
	#services_tarifs h1{ font-size:90px; }
	#actu_lien h1{ font-size:90px;   }
	#contact_nous h1{ font-size:90px; }
	#devis_gratuit{ font-size:90px;   }
	
	#dltarif{   font-size:80px;  }	
	
	#services_tarifs{ padding-top:120px}
	#separactu2{margin-top:90px}
	
	 
}








/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

 
