Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/srv/data/web/vhosts/www.chauffagiste-essonne.com/htdocs/ressources/less/
/srv/data/web/vhosts/www.chauffagiste-essonne.com/htdocs/ressources/less/custom.less
 //CSS Customer

/* HACK ROBOT FORMULAIRE */
input[name="interested"] {display: none;}//Checkbox form commentaires des actualités
#contact,#devis,#cart{//Input form de contact et devis
	.pseudoForm{
		display: none;
	}
}
body{
	font-family: Arial;
	.container{
		width: 970px !important;
		padding: 0;
		ul{
			margin: 0;
			padding: 0;
		}
		h1,h2,h3,h4,h5,h6{
			padding: 0;
			margin: 0;
		}
	}
}
.not-pad{
	padding: 0;
}
.text-center{
	float: left;
	width: 100%;
}
img.pull-left{
	margin: 0 @padding-base-vertical @padding-base-vertical 0;
}
img.pull-right{
	margin: 0 0 @padding-base-vertical @padding-base-vertical;
}

.table.no-border td{
	border:none;
}

//BLOC ASIDE

//SOCIAL NETWORK
#social{
	.facebook{

	}
	.twitter{
		margin-top: 9px; 
	}
	.googleplus{
		margin-top: 5px; 
	}
}

//CUSTOSMER REFERENCES
#references{
	.well();
	img{
		.img-responsive();
		margin:auto;
	}
}

//CALL TO ACTION
#callToAction{
	.well();
	text-align: center;
}

/*----- ----- -----*/
/*----- PAGES -----*/
/*----- ----- -----*/
#gallery{
	.thumbnail{
		height:100px;
		overflow: hidden;
		span{
			display: block;
			position: absolute;
			padding: 5px;
			color: #fff;
			width:150px;
		}
	}
}

#news{
	a.thumbnail{
		color:@text-color;
		&:hover{
			text-decoration: none;
			.read-more{
				color:@link-color;
			}
		}
	}
}

#contact{
	address{
		text-align: center;
		strong{
			font-size: 1.6em;
		}
		div{
			margin:5px 0;
		}
		span{
			color:@gray-light;
			font-style: italic;
		}
	}
}

#mentions-legales{
	h2{
		margin-top: 0;
	}
	.panel{
		font-size: 1.1em;
	}
}

#wrap-top{
	width: 100%;
	float: left;
	background: @bg-top;
	border-bottom: 1px solid @brd-top;
	height: 40px;
	p{
		float: left;
		line-height: 39px;
		margin:0 40px 0 0;
		color: @white;
		font-weight: bold;
		font-size: 14px;
	}
	a{
		color: @white;
		line-height: 39px;
        font-size: 20px;
        margin-right: 5px;
        text-decoration: none !important;
        transition:1s;
        &:hover{
        	color:@brd-top;
        	transition:1s;
        }
	}
}
#wrap-header{
	background: url(../../img/img_slide.jpg) no-repeat ;
	background-size: 100% auto;
}
#header{
	background: @white;
}
#wrap-header,#header{
	width: 100%;
	float: left;
	height: auto;
    header{
		height: 120px;
		background: @white;
		border-bottom: 3px solid @brd-header;
		#logo{
			padding: 0;
			img{
				margin-top: 37px;
			}
		}
		.btn{
		   margin-top: 40px;
	    }
	}
}
#wrap-actualite{
	width: 100%;
	float: left;
	height: auto;
	padding: 20px 0;
	h2{
		font-weight: normal;
		text-align: center;
		font-size: 20px;
		margin-bottom: 15px;
		color: @color-h2;
	}
	.parag{
		background: @bg-paragraphe;
		padding: 15px;
		text-align: center;
		font-weight: bold;
        font-size: 12px;
        clear: both;
        border-radius: 5px;
	}
	a{
		color:@bg-button;
		font-size: 13px;
		font-weight: bold;
		padding: 10px 8px;
		border: 1px solid @bg-button;
		border-radius: 5px;
		transition:1s;
		font-style: italic;
		&:hover{
			color: white;
			background: @bg-button;
			text-decoration: none;
			transition:1s;
		}
	}
	.contact-actualite{
		margin-top: 10px;
		text-align: center;
		width: 100%;
        float: left;
	}
}
#wrap-entreprise{
	width: 100%;
	float: left;
	background: @bg-entreprise;
	border-top: 1px solid  @brd-entreprise;
	padding: 10px 0 15px;
	img{
		padding: 0;
	}
	.entreprise{
		border-right: 2px solid @brd-entreprise;
	}
	p{
		color: @color-entreprise;
		font-size: 12px;
	}
	a{
		color:@bg-button;
		font-size: 13px;
		font-weight: bold;
		padding: 8px 25px;
		border: 1px solid @bg-button;
		border-radius: 5px;
		transition:1s;
		float: left;
		font-style: italic;
		&:hover{
			color: white;
			background: @bg-button;
			text-decoration: none;
			transition:1s;
		}
	}
	.block{
	    background:#016eb1;
	    border-radius:7px;
	    padding:15px;
	    position:relative;
	    p{
	      color:#fff;
	      font-size:14px;
	    }
	    &::after{
	     content:'';
	     position:absolute;
	     left:0;
	     top:10px;
	     width:12px;
	     height:12px;
	     background:#016eb1;
	    }
	  }
	.clients{
	  width:90%;
	  margin:15px auto 0;
	  img{
	    width: 20%;
	  }
	  p{
	   &.pull-left{
	      line-height: 80px;
		  margin-left: 10px;
		  color: #325769;
		  font-size: 18px;
		  span{
		    color:#8bb956;
		    margin-left:25px;
		  }
	   }
	  }

	}

}
#wrap-footer{
	width: 100%;
	float: left;
	height: 110px;
	background: @bg-footer;
	border-top: 1px solid @brd-footer;
	footer{
		img{
			padding: 0;
			margin:10px 30px 0 0;
		}
		a{
			color: @color-footer;
			line-height: 110px;
		}
	}
}

#wrap-breadcrumbs{
	width: 100%;
	float: left;
	background: @white;
	padding-top: 20px;
	.container{
		ul{
			float: left;
			color: @color-default;
			li{
				float: left;
				list-style: none;
				margin: 0 5px;
				a{
					color: @color-default;
				}
				&.active,&:hover{
					color: @color-breadcrumbs;
					a{
					  color: @color-breadcrumbs;
					}
				}
			}
			span{
				float: left;
			}
		}
		.border{
			border-top: 1px solid @color-default;
			float: right;
			height: 1px;
			width: 57%;
			margin-top: 10px;
		}
	}
}
#wrap-section{
	width: 100%;
	float: left;
	background: @white;
	padding-bottom: 40px;
	section{
		aside{
			padding: 20px 0 0;
			h3{
			   color: @color-h1;
               font-size: 17px;
               margin-bottom: 7px;
               padding-left: 15px;
               text-transform: uppercase;
               font-weight: bold;
               margin-bottom: 10px;
			}
			p{
			  width:100%;
			  float:left;
			}
			.btn-devis{
			  color: #3c8dce;
			  font-size: 13px;
			  font-weight: bold;
			  padding: 6px 25px;
			  border: 1px solid #3c8dce;
			  border-radius: 5px;
			  transition: 1s;
			  float: left;
			  font-style: italic;
			  margin: 0 29px;
			  &:hover{
			    transition: 1s;
			    background: #3c8dce;
			    text-decoration:none;
			    color:#fff;
			  }
			}
		}
		article{
		    position: relative;		
			height: auto;
			padding-right: 30px;
			padding-top: 25px;
			.border{
				border-right: 1px solid @color-default;
				width: 100%;
				float: left;
				height: 100%;
				position: absolute;
				top: -10px;
				right: 15px;
			}
			img{
				border:1px solid @bg-button;
				width: 33%;
				height: auto;
				margin-right: 15px;
				float: left;
				&.zone{
				  width:100%;
				  border:none;
				}
			}
			ul{
			  li{
			    list-style:none;
			    cursor:pointer;
			    transition:1s;
			    font-size: 14px;
			    margin-bottom:5px;
			    &:hover{
			      transition:1s;
			      padding-left:10px; 
			    }
			  }
			}
			h1{
               color: @color-h1;
               font-size: 21px;
               margin-bottom: 7px;
			}
			h2{
			   color: @color-h1;
               font-size: 19px;
               margin-bottom: 7px;
               padding-left: 15px;
               text-transform: uppercase;
			}
			p{
				font-size: 12px;
				color: @color-p;
				text-align: justify;
				&.lead{
				  font-size: 21px;
				  text-align:center;
				}
			}
			a{
				color:@bg-button;
				font-size: 13px;
				font-weight: bold;
				padding: 6px 25px;
				border: 1px solid @bg-button;
				border-radius: 5px;
				transition:1s;
				float: left;
				font-style: italic;
				&.btn-devis{
				   margin: 0 235px;
				}
				&:hover{
					color: white;
					background: @bg-button;
					text-decoration: none;
					transition:1s;
				}
			}
			address{
				text-align: center;
				a{
					float: none;
					border: none;
					padding: 0;
				}
			}
		}
	}
}