/*
Theme Name: environnement
Description: Theme dédié à Altéor environnement
Theme URI: 
Author: VD - GIE Idea
Author URI: 
Version: 1.0
License: GNU General Public License v2 or later
*/
.s20{
	font-size: 1.5vw;
	margin-top: 0.5vw;
}
.s25{
	font-size: 1.9vw;
	margin-bottom: 0;
}
h3{
	font-weight: 300;
	font-size: 30px;
	margin-bottom: 40px;
}
hr{
	height: 0.1vw;
	position: relative;
	background-color: #96c11f;
	border: none;
	margin-bottom: 0;
	margin-top: 0
}
html{
    margin:0 !important;
    height: 100%;
}
	body{
	    width: 100%;
	    margin: 0;
	    font-family: 'Roboto Condensed';
	    height: 93%
	}
	h1{
		color:#4c5844;
	}
	section{
		margin-top: 3.846vw;
		text-align: center;

	}
		.header{
		    position: relative;
			background-color: white;
			width: 100%;
			height: 5vw;
			top: 0;
			z-index: 1;
			text-align: left;
		}
		.header-front{
			position: fixed;
		}
		#header button{
			float: right;
		    border: none;
		    height: 5vw;
		    color: white;
		    background-color: #96c11f;
		    visibility: hidden;
		}
		#header-form{
			position: relative;
			height: auto;
		}
		
		#header-form button{
			float: right;
		    border: none;
		    height: 7vw;
		    color: white;
		    background-color: #96c11f;
		    visibility: hidden;
		}
		#logo img{
		    width: 14vw;
			padding-left: 5vw;
			height: auto;
		}
		#form-contents{
			margin-top: 0.;
			padding-top: 0;
			background-color:#f6f5f3;
			text-align: left;
		}
		#content{
			margin-top: 0;
		}
			#content-form, .entry-content {
			    margin-top: 0;
			    min-height: 100%;
			    background-color: #f6f5f3;
			}
		.slide{
			height: 28.125vw;
			margin-top: 0;
			background-size: cover;
			background-repeat: no-repeat;
			margin-top: 5vw
		}
			.slide-text{
				/*font-family: 'Roboto Condensed';*/
				padding-top: 28vw;
				transform: translateY(-50%);
				text-align: center;
				color: #464445;
			}
				.slide-text-button{
					background-color: #96c11f;
					border: none;
					padding: 1vw 2vw 1vw 2vw;
					color: white;
					font-size: 2vw;
				}
		.bloc2{
			margin-bottom: 7vw;
		}
			.bloc2 h2{
				font-size: 1.2vw;
				color:#949494;
			}
			.bloc2-icones{
				margin-top: 1.692vw;
				padding-left: 10vw;
				padding-right: 10vw;
				overflow: auto;
			}
				.bloc2-icones-content {
				    width: 25% !important;
					float: left;
					font-size: 1vw;
					padding: 2%;
				}
					.bloc2-icones-content img{
						margin-bottom: 2vw;
					}
					.bloc2-icones-content h1{
						font-size:1vw;
					}
		.bloc3{

		}
			.bloc3 h1{
				margin-bottom: 3vw;
			}
			.avis {
				height:26.923vw;
				background-size: cover;
				background-repeat: no-repeat;
			}
				.comment{
					width: 20%;
					height: auto;
					background: white;
					position: relative;
					display: inline-block;
					padding: 1.5%;
					text-align: left;
					color: #4c5844;
					font-size: 1vw;
					margin-top: 5vw;
					margin-left: 20%;
					float: left;
					box-shadow: 2px 2px 2px #aaa;
				}
					.last{
						margin-top: 10vw;
						margin-left: 15%;
					}
					.comment::before{
						content: '';
						border-left: 2.5vw solid transparent;
						border-top: 2.5vw solid transparent;
						border-right: 4vw solid white;
						width: 0;
						height: 0;
						position: absolute;
						top: 84%;
						left: -24%;
						transform: rotate(-15deg);
						-webkit-transform: rotate(-15deg);
						-o-transform: rotate(-15deg);
					}
					.comment span{
						font-weight: bold;
						float: right;
					}
					.comment span.vert{
						color:#98c223;
						float: unset;
					}
		.bloc4{
			overflow: auto;
		}
			.bloc4-content{
				width: 50%;
				text-align :justify;
				font-size: 1.231vw;
				color:#949494;
				float: left;
				padding:5%;
				box-sizing: border-box;
				padding-top: 0;

			}
				.bloc4-content ul{
					width: 49%;
					display: inline-block;
					padding-left: 20px;
				}
					.bloc4-content ul li{
						list-style-type: "- ";
					}
			.bloc4 h1{
				text-align: center;	
				margin-bottom: 2vw;
			}
			.bloc4-d p{
				font-size: 1.3vw;	
				color:#949494;
				text-align: center;
				display: block;
				width: 50%;		
				float: left;
				padding-bottom: 2vw;
			}
				.bloc4-d p span{
					color:#96c11f;
					font-weight: bold;
					font-size: 1.5vw;
				}
	footer{
		background-color: #dcdcdc;
		color: #2a2a2a;
		font-size: 1vw;
		display: block;
		padding: 1%;
		vertical-align: middle;
		margin-top: 0;
		text-align: center;
	}
		footer p{
			margin: 0;
		}
.btn-form, .btn-form:active , .btn-form.active {
    width: 100%;
	display: table;
	background-repeat: no-repeat;
	background-position: center 30%;
	white-space: normal;
	margin-bottom: 3vw;
	height: 10vw;
	border-radius: unset;
	background-color: #fff;
	border-color: #96cf11;
	box-shadow: none;
}
.btn-form input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.option-text{
	line-height: 8vw;
}
.btn-form:hover {
    color: #fff !important;
    background-color: #96c11f !important;
    border-color: #fff !important;
}
#btnNext, #btnPrev{
	float: right;
	border-radius: unset;
	width: 100%;
	background-color: #96cf11;
	color: #fff;
	margin-top: 2vw;
}

a:disabled,
a[disabled]{
  visibility: hidden
}
.hidden-alert{
	visibility: hidden
}

.label-form{
	font-size: 1.2vw;
	padding: 0.3vw;
	margin-top: 1vw;
	margin-bottom: 0;
}
/*#form-body h3{
	margin-bottom: 0
}*/
.logo-conseiller {
    display: inline-block;
    background: url("images/conseiller-blanc.png") no-repeat;
    height: 5vw;
    width: 4.5vw;
}
#sales-rep-box .box-title {
    height: 9vw;
    background: #96cf11;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 2vw;
    text-align: center;
}
#sales-rep-box {
    margin-top: 36%;
    border: 1px solid #96cf11;
    background-color: white;
    text-align: center;
    font-size: 1.5vw;
    padding-bottom: 0.5vw;
}
.box-content{
	padding-top:0.5vw;
}
#form-sidebar{
	padding-left: 0;
	padding-right:0;
}
#summary-title{
    background: #96cf11;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 1vw;
    text-align: center;
    font-size: 1.5vw;
    color:white;
    margin-top: 1vw
}

.summary-box{
	border: 1px solid #96cf11;
	
	background-color:white;
}
	.summary-box h4{
		background-repeat: no-repeat;
		background-color: #666;
	    margin-right: -15px;
	    margin-left: -15px;
	    height: 3vw;
	    padding-top: 0.5vw;
	    background-position: 1vw;
	    color: white;
	    margin-top: -1vw;
	    text-align: center;
	}

	.summary-box h4{
		background-image:url("images/picto-plus.png");
	}
	.summary-box.active h4{
		background-image:url("images/picto-moins.png");

	}
.summary-box.first{
	border-bottom: none
}
.summary-box h4{
	margin-bottom: 0;
}
.summary-box.first h4{
	margin-bottom: 1vw;
}
.summary-box.active{
	border:none;	
}
.summary-box a:hover{
	text-decoration: none;
}
.summary-box ul{
	margin-bottom: 3vw;
}
#pricelist-main-form .row{
	width:70%;
	display: inline-block;
	float: left;
}
#pricelist-main-form .sidebar{
	width: 25%;
	display: inline-block;
	float: left;
	margin-top: 2vw;
	height: 23vw;
	background-color: white;
	text-align: center;
	margin-bottom: 5vw;
}

.icone-pdf{
    background-image: url("images/pdf.png");
    height: 10vw;
    width: auto;
    background-repeat: no-repeat;
    margin-top: 2vw;
    background-position: center;
    background-size: 6vw;
}
.sidebar p {
    color: #999;
    font-size: 1.7vw;
}
#receive-tarif-btn {
    background-color: #96cf11;
    border: none;
    padding: 1vw;
    border-radius: 22px;
    color: white;
    font-size: 1.3vw;
}
#btnTerminate{
	display: none
}
.navbutton {
    margin-bottom: 2vw;
}
.alert {
    padding-top: 4vw;
}
.site-phone{
	color:#96cf11;
}
/***************************************
*
*
*****************************************/
@media screen and (max-width: 680px)

{
.s20{
	font-size: 3.2vw;
}
.s25{
	font-size: 3.9vw;
}
html{
    margin:0 !important;
}
	section{
		margin-top: 3.846vw;
		text-align: center;
	}
		.header{
		    position: fixed;
			background-color: white;
			width: 100%;
			height: 13vw;
			top: 0;
			z-index: 1;
		}
		#header button{
			float: right;
		    border: none;
		    height: 13vw;
		    color: white;
		    background-color: #96c11f;
		    visibility: hidden;
		}
		#logo img{
		    width: 24vw;
			padding-left: 5vw;
			height: auto;
		}
		.slide{
			height: 28.125vw;
			margin-top: 13vw;
			background-size: cover;
			background-repeat: no-repeat;
		}
			.slide-text{
				padding-top: 28vw;
			}
				.slide-text-button{
					padding: 1vw 2vw 1vw 2vw;
					font-size: 3vw;
				}
		.bloc2{
		}	
			.bloc2 h1,.bloc2 h2{
				font-size: 3.2vw;
			}
			.bloc2-icones{
			}
				.bloc2-icones-content {
				    width: 46% !important;
					font-size: 2vw;
				}
					.bloc2-icones-content img{
					}
		.bloc3{

		}
			.bloc3 h1{
				margin-bottom: 3vw;
			}
			.avis {
				height: auto;
				overflow: auto;
			}
				.comment{
					width: 44%;
					color: #4c5844;
					font-size: 3vw;
					margin-top: 5vw;
					margin-left: 27%;
					text-align: justify;
				}
					.comment::before{
						border-left: 8.5vw solid transparent;
						border-top: 3.5vw solid transparent;
						border-right: 5vw solid white;
						top: 94%;
					}
					.comment span{
					}
					.comment span.vert{
					}
		.bloc4{
			overflow: auto;
		}
			.bloc4-content{
				width: 100%;
				text-align: justify;
				font-size: 3.231vw;
			}
				.bloc4-content ul{
					width: 100%;
				}
					.bloc4-content ul li{
					}
			.bloc4 h1{
			}
			.bloc4-d p{
				font-size: 4.3vw;	
			}
				.bloc4-d p span{
					font-size: 5.5vw;
				}
	footer{
		font-size: 4vw;
	}
		footer p{
			margin: 0;
		}
	#form-sidebar {
	    padding-left: 6vw;
	    padding-right: 6vw;
	}
	.logo-conseiller {
	    height: 15vw;
	    width: 15.5vw;
	}
	#sales-rep-box {
	    margin-top: 0;
	}
	#sales-rep-box .box-title {
	    height: 18vw;
	}
	#sales-rep-box {
	    font-size: 4.5vw;
	}
	#summary-title {
	    font-size: 5.5vw;
	    margin-top: 4vw;
	}
	.summary-box h4 {
	    height: 9vw;
	    line-height: 9vw;
	}
	.label-form {
	    font-size: 3.2vw;
	}
	#content-form, .entry-content {
	    margin-top: 10vw;
	}
	#pricelist-main-form .row {
    width: 100%;
    }
    #pricelist-main-form .sidebar {
	    width: 100%;
	    height: 80vw;
	    margin-bottom: 14vw;
	}
	.icone-pdf {
	    height: 46vw;
	    background-size: 35vw;
	}
	.sidebar p {
	    font-size: 5.7vw;
	}
	#receive-tarif-btn {
	    padding: 3vw;
	    font-size: 5.3vw;
	}
}