label{
	font-weight: normal;
}
h4{
	font-weight: bold;
}
.contain-all{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	
	padding:10px;
}

 
.no-border{
	width: 100%;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #000;
}
.no-border:focus{
	outline: none;
	border-bottom: 1px solid #ED9A1F;
}
input{
	padding: 8px;
}
.error-box{
	color: #FF2C2C;
	text-align: center;
	margin: 10px;
	padding: 0;
}
/*******************Agangement des Inputs */

.name-container{
	margin: 10px;
	grid-column: 1/2;
	grid-row: 1/2;
}
.email-container{
	margin: 10px;
	grid-column: 2/3;
	grid-row: 1/2;
}
.societe-container{
	margin: 10px;
	grid-column: 1/2;
	grid-row: 2/3;
}
.tele-container{
	margin: 10px;
	grid-column: 2/3;
	grid-row: 2/3;
}
.adresse-container{
	margin: 10px 10px 0 10px ;
	grid-column: 1/3;
	grid-row: 3/4;
}
.checks-container{
	margin: 0 10px;
	grid-column: 1/3;
	grid-row: 5/6;
}
.dateSouhaite-container
{
	margin: 10px;
	grid-column: 1/2;
	grid-row: 6/7;
}
.budget-container
{
	margin: 10px;
	grid-column: 2/3;
	grid-row: 6/7;
}
.textarea-container{
	margin: 10px;
	grid-column: 1/3;
	grid-row: 7/8;
}
.error-box-message{	
	grid-column: 1/3;
	grid-row: 8/9;
}
.button-container{
	margin: 10px;
	grid-column: 1/3;
	grid-row: 9/10;
}
.button-container button{
	padding: 10px 20px;
	margin-top: 30px;
	background-color: #ED9A1F;
	color: #fff;
}
.button-container button:hover{
	background-color: #EEA02D;
	color: #fff;
}
/********************Arangement des checkbox containers*/
.checks-container{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-template-rows: repeat(2,minmax(20px, auto));
}
.checks-upper{
	grid-column: 1/3;
	grid-row: 1/2;
}
.checks-lower{
	grid-column: 1/3;
	grid-row: 2/3;
}
.checks-upper,.checks-lower{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-template-rows: repeat(3,minmax(20px, auto));
}

/****Upper checkboxs nesting*/
.tit{
	grid-column: 1/2;
	grid-row: 1/2;
}
.one{
	grid-column: 1/2;
	grid-row: 2/3;
}
.two{
	grid-column: 2/3;
	grid-row: 2/3;
}
.three{
	grid-column: 3/4;
	grid-row: 2/3;
}
.four{
	grid-column: 4/5;
	grid-row: 2/3;
}
.error-box-serviceDesire, .error-box-AutreSer{
	grid-column: 1/5;
	grid-row: 3/4;
	color: #FF2C2C;
	margin:0 0 10px 0;
	text-align: center;

}
/****Lower checkboxs nesting*/
.low-one{
	grid-column: 1/2;
	grid-row: 2/3;
}
.low-two{
	grid-column: 2/3;
	grid-row: 2/3;
}
.low-three{
	grid-column: 3/4;
	grid-row: 2/3;
}
.low-four{
	grid-column: 4/5;
	grid-row: 2/3;
}
/***************Mobile view*/
@media screen and (max-width: 700px){
	.contain-all{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		grid-template-rows: repeat(11,minmax(50px, auto));
		padding:10px;		
	}
	.name-container{
		margin: 5px;
		grid-column: 1/3;
		grid-row: 1/2;
	}
	.email-container{
		margin: 5px;
		grid-column: 1/3;
		grid-row: 2/3;
	}
	.societe-container{
		margin: 5px;
		grid-column: 1/3;
		grid-row: 3/4;
	}
	.tele-container{
		margin: 5px;
		grid-column: 1/3;
		grid-row: 4/5;
	}
	.adresse-container{
		margin: 10px 10px 0 10px ;
		grid-column: 1/3;
		grid-row: 5/6;
	}
	.checks-container{
		margin: 0 5px;
		grid-column: 1/3;
		grid-row: 6/7;
	}
	.dateSouhaite-container
	{
		margin: 5px;
		grid-column: 1/3;
		grid-row: 7/8;
	}
	.budget-container
	{
		margin: 5px;
		grid-column: 1/3;
		grid-row: 8/9;
	}
	.textarea-container{
		margin: 5px;
		grid-column: 1/3;
		grid-row: 9/10;
	}
	.button-container{
		margin: 5px;
		grid-column: 1/3;
		grid-row: 10/12;
		text-align: center;
	}		
	/****Upper checkboxs nesting*/
	.tit{
		grid-column: 1/2;
		grid-row: 1/2;
	}
	.one{
		grid-column: 1/3;
		grid-row: 2/3;
	}
	.two{
		grid-column: 1/3;
		grid-row: 3/4;
	}
	.three{
		grid-column: 1/3;
		grid-row: 4/5;
	}
	.four{
		grid-column: 1/3;
		grid-row: 5/6;
	}
	/****Lower checkboxs nesting*/
	.low-one{
		grid-column: 1/3;
		grid-row: 2/3;
	}
	.low-two{
		grid-column: 1/3;
		grid-row: 3/4;
	}
	.low-three{
		grid-column: 1/3;
		grid-row: 4/5;
	}
	.low-four{
		grid-column: 1/3;
		grid-row: 5/6;
	}

}