h1
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 25px;
	text-align: center;
	max-width: calc(100% - 15px);
	margin: 0 auto;
	text-align: center;
	color: #252525;
}

.subtitle
{
	color: #db0f19;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	max-width: calc(100% - 15px);
	text-align: center;
	margin: 0 auto;
}

.title_sep
{
	width: 99px;
	height: 1px;
	background-color: #db0f19;
	margin: 15px auto;
}

.text_s1
{
	max-width: calc(100% - 15px);
	text-align: center;
	margin: 0 auto;
}

#devis .argu
{
	width: 314px;
	height: 676px;
	background-image: url('../images/devis/back_argu.png');
	background-repeat: no-repeat;
	position: relative;
}

#devis .argu .elem
{
	position: absolute;
	width: 260px;
	left: calc(50% - 260px / 2);
}

#devis .argu .elem .title
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 10px;
}

#devis .argu .elem p
{
	color: white;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
}

#devis .argu .elem .right
{
	width: 190px;
}

#devis .form_div
{
	max-width: 582px;
	width: 100%;
}

.devis_title
{
	width: 100%;
	height: 26px;
	position: relative;
}

.devis_title p
{
	font-size: 26px;
	line-height: 26px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	color: #252525;
	background-color: #f6f6f6;
	position: absolute;
	padding-right: 20px;
}

.devis_title .line
{
	width: 100%;
	height: 1px;
	background-color: #db0f19;
	position: absolute;
	top: 15px;
}

.input_select
{
	height: 37px;
	border: 1px solid #bbb9b9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: white;
	position: relative;
	cursor: pointer;
}

.input_select p
{
	color: #252525;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 37px;
	padding-left: 12px;
	margin-top: -1px;
}

.input_select .arrow
{
	position: absolute;
	right: 10px;
	top: 16px;
}

.f2
{
	margin-left: 20px;
}

.f3 input
{
	width: 156px;
}

input
{
	height: 37px;
	border: 1px solid #bbb9b9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: white;
	padding-left: 12px;
	padding-right: 12px;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #252525;
}

input:placeholder
{
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #252525;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #252525;
  opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #252525;
}
:-moz-placeholder { /* Firefox 18- */
  color: #252525;
  opacity: 1;
}

input:disabled
{
	background-color: #e4e4e4;
}

textarea
{
	width: calc(100% - 22px);
	border: 1px solid #bbb9b9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	resize: none;
	padding: 10px;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	color: #252525;
	height: 108px;
}

textarea::placeholder
{
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
}

.row3 .left, .row3 .right
{
	width: 279px;
}

.row3 input
{
	width: calc(100% - 25px);
	margin-bottom: 12px;
}

button
{
	background-color: #db0f19;
	padding: 13px;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
	cursor: pointer;
}

button p
{
	text-align: center;
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
}

button p .title
{
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
}

@media only screen and (max-width: 990px)
{
	#devis .argu
	{
		display: none;
	}

	#devis .form_div
	{
		margin: 0 auto;
		float: none;
	}

	.row4 .left, .row4 .right
	{
		float: none;
		width: calc(100% - 30px) !important;
		margin: 0 auto;
		text-align: center;
	}

	.row4 .left
	{
		padding-bottom: 25px;
	}
}

@media only screen and (max-width: 610px)
{
	#devis .f1 .input_select, #devis .f1, #devis .f2 .input_select, #devis .f2
	{
		width: calc(100% - 15px) !important;
		margin: 0 auto;
		float: none;
		margin-bottom: 12px;
	}

	#devis .f3
	{
		width: calc(100% - 30px);
		margin: 0 auto;
		float: none;
	}

	#devis input
	{
		width: calc(100% - 24px);
	}

	.devis_title
	{
		width: calc(100% - 30px);
		margin: 0 auto;
	}

	textarea
	{
		width: calc(100% - 52px);
		margin: 0 auto;
		display: block;
	}

	.row3 .left, .row3 .right
	{
		float: none;
		width: calc(100% - 30px);
		margin: 0 auto;
	}

	button
	{
		width: calc(100% - 30px);
		margin: 0 auto;
		display: block;
	}
}

@media only screen and (max-width: 440px)
{
	.devis_title .title
	{
		font-size: 15px;
	}
}

.div_sep
{
	width: 100%;
	height: 1px;
	background-image: url('../images/devis/ligne_sep_pointille.png');
	background-repeat: repeat-x;
}

h2
{
	font-family: 'Montserrat', sans-serif;
	color: #252525;
	font-weight: 700;
	font-size: 23px;
	text-align: center;
	max-width: calc(100% - 30px);
	margin: 0 auto;
}

.row4 .left, .row4 .right
{
	width: 460px;
}

.select_list
{
	background: white;
	width: 100%;
	border: 1px solid #bbb9b9;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top: none;
	position: absolute;
	z-index: 2;
	top: 35px;
	left: -1px;
	cursor: pointer;
	display: none;
}

.select_list .elem:hover
{
	background-color: #e4e4e4;
}

.inactive
{
	background-color: #e4e4e4;
	cursor: initial;
}

.inactive img
{
	display: none;
}