@font-face
{
    font-family: "Bebas Regular";
    src: url('../assets/BebasNeue Regular.otf');
}

body
{
	max-width: 1024px;
	width: 100%;
}

#page-body
{
	width: calc(100% - 78px);
	border-left: 1px solid #242424;
	border-right: 1px solid #242424;
	padding-left: 38px;
	padding-right: 38px;
	padding-top: 40px;
}

.gray_container
{
	background-color: #1f1f1f;
	border: 1px solid #353535;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

.blue_container
{
	background-color: #0192d1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.red_container
{
	background-color: #fe0000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.show_768
{
	display: none;
}

.show-1040
{
	display: none;
}

/* --- Header --- */
#header_resp
{
	width: calc(100% - 2px);
	border-left: 1px solid #242424;
	border-right: 1px solid #242424;
	border-bottom: 1px solid #333333;
	display: none;
}

#header_resp .logo
{
	margin-right: 20px;
	margin-top: 5px !important;
}

#header_resp .menu
{
	margin-top: 40px;
	width: 100%;
	border-top: 1px solid #242424;
	background-color: #1f1f1f;
	cursor: pointer;
}

#header_resp .menu .container
{
	margin: 0 auto;
	border-bottom: 1px solid #242424;
}

#header_resp .menu .container img
{
	float: left;
	margin-top: 19px;
}

#header_resp .menu .container p
{
	line-height: 53px;
	font-family: Arial, sans-serif;
	color: white;
	margin-left: 10px;
	text-transform: uppercase;
	float: left;
	font-size: 21px;
}

#header_resp .menu .menu_deroulant a
{
	display: block;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #323232;
	border-bottom: 1px solid #242424;
	font-family: Arial, sans-serif;
	color: white;
	text-transform: uppercase;
	font-size: 19px;
	text-align: center;
	text-decoration: none;
}

#header_resp .menu .menu_deroulant .cat .title
{
	width: 100%;
	background-color: #1f1f1f;
	border-bottom: 1px solid #242424;
	font-family: Arial, sans-serif;
	color: white;
	text-transform: uppercase;
	font-size: 19px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

#header_resp .menu .menu_deroulant .cat .links
{
	display: none;
}

#header_resp .menu .menu_deroulant
{
	display: none;
}
/* --- Fin Header ---*/

#devis_h1_1
{
	min-height: 97px;
	position: relative;
}

#devis_h1_1 .couv_natio
{
	width: 163px;
	background-color: #00aeef;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}

#devis_h1_1 .couv_natio p
{
	color: white;
	position: absolute;
	text-align: center;
	width: 100%;
	margin-top: 22px;
	font-family: 'Bebas Regular', sans-serif;
	font-size: 22px;
}

#devis_h1_1 .logo
{
	float: left;
	margin-right: 20px;
}

.devis_h1_b p
{
	font-family: 'Bebas Regular', sans-serif;
	color: white;
	font-size: 25px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.devis_b1
{
	float: left;
	width: 570px;
	min-height: 400px;
}

.devis_b1 .title
{
	color: white;
	font-size: 20px;
	font-weight: bold;
	margin: 20px;
	margin-bottom: 0;
}

.devis_b1 .subtitle
{
	margin: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.devis_b2, .devis_b4
{
	float: right;
}

.devis_b3
{
	float: left;
	width: calc(100% - 266px);
	position: relative;
	padding-bottom: 30px;
}

.devis_b3 .header
{
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #0092d1;
}

.devis_b3 .header img
{
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
}

.devis_b3 .header p
{
	float: left;
	margin-left: 10px;
	color: white;
	font-size: 19px;
	font-family: Arial, sans-serif;
	width: calc(100% - 40px)
}

.devis_b3 .devis_cont_title
{
	position: relative;
	top: 0;
	left: 0;
	margin-top: 16px;
	margin-left: 20px;
	font-size: 21px;
	font-family: Arial, sans-serif;
}

.devis_b3 .devis_cont_title_subtitle
{
	position: relative;
	top: 0;
	left: 0;
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 20px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #8c8c8c;
}

.devis_b3 .grand1
{
	margin-left: 20px;
	width: calc(33% - 27px);
	margin-top: 0;
	max-width: calc(100% - 40px);
}

.devis_b3 .petit3
{
	width: calc(33% - 27px);
	margin: 0;
	height: 40px;
	margin-left: 20px;
	max-width: 100%;
}

.devis_b3 .petit1
{
	width: calc(33% - 27px);
	margin: 0;
	height: 40px;
	margin-left: 20px;
	max-width: 100%;
}

.devis_b3 .label_commentaire
{
	margin-left: 20px;
	margin-right: 20px;
	font-size: 14px;
	color: white;
	font-family: Arial, sans-serif;
}

.devis_b3 .label_commentaire strong
{
	color: #ee9b05;
	font-size: 14px;
}

.devis_b3 .commentaire_field
{
	margin-left: 20px;
	margin-top: 10px;
	width: calc(100% - 45px);
	height: 83px;
	resize: none;
}

.devis_b3 .mandatory_label
{
	position: absolute;
	right: 20px;
	bottom: 10px;
}

.clear
{
	clear: both;
}

.grand1
{
	max-width: 266px;
	width: calc(100% - 40px);
	font-size: 12px;
}

.petit1, .petit3
{
	max-width: 204px;
	width: calc(100% - 20px);
}

#prestation4
{
	margin-left: 8px;
}

label
{
	color: white;
	font-family: Calibri, sans-serif;
	font-size: 14px;
}

#devis_h1_1 .label
{
	margin-left: 27px;
}

.devis1_b1
{
	float: left;
	margin-left: 20px;
}

.devis1_b2
{
	float: right;
	margin-right: 20px;
}

.devis1_b3
{
	position: relative;
	margin: 20px;
}

.devis1_b3 textarea
{
	width: calc(100% - 30px);
}

.devis1_b4 .title
{
	color: white;
	font-size: 20px;
	font-weight: bold;
	margin: 20px;
	margin-bottom: 0;
}

.devis1_b4 .container
{
	float: left;
	margin-left: 20px;
	width: calc(25% - 20px);
}

.devis1_b4
{
	position: relative;
}

.devis1_b4 .devis_cont_ic
{
	position: relative;
	top: 0;
	left: 0;
	float: left;
	margin-left: 20px;
	margin-top: 15px;
}

.devis1_b4 .devis_cont_title
{
	position: relative;
	top: 0;
	left: 0;
	float: left;
	width: calc(100% - 80px);
	margin-top: 20px;
	margin-left: 10px;
}

.devis1_b4 .devis_cont_title_subtitle
{
	position: relative;
	top: 0;
	left: 0;
	float: left;
	width: calc(100% - 80px);
	margin-top: 5px;
	margin-left: 10px;
}

.submit_line
{
	width: 100%;
	height: 1px;
	background-color: #ef9400;
	position: absolute;
	top: 32px;
}

.submit_black
{
	height: 56px;
	background-color: black;
	width: 500px;
	position: absolute;
	top: 0;
	left: calc(50% - 240px);
}

.submit_btn
{
	top: 0;
	left: calc(50% - 200px);
	margin: 0 auto;
	position: absolute;
}

.devis1_b5 h2
{
	font-family: 'Saira', sans-serif;
	font-weight: 600;
	font-size: 24px;
	text-align: center;
	margin: 0;
	color: #ededed;
}

.devis1_b5 p, .devis1_b6 p
{
	font-family: 'Open Sans', sans-serif;
	color: #9b9b9b;
	font-size: 15px;
	text-align: center;
}

.devis_img_sep
{
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
}

.devis_image_banniere
{
	max-width: 100%;
}

.devis1_b6 h3
{
	font-family: 'Saira', sans-serif;
	font-weight: 600;
	color: #ededed;
	font-size: 24px;
	text-align: center;
	margin: 0;
}

.devis1_b6 .devis_img_map
{
	float: left;
	padding-left: 50px;
}

.devis1_b6 .col1
{
	float: left;
}

.devis1_b6 .col2
{
	float: left;
	margin-left: 30px;
}

.devis1_b6 ul li
{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #9b9b9b;
	line-height: 17px;
	list-style: none;
}

.devis1_b6 ul li:before
{
   content: '- ';
}

.footer_container
{
	margin-left: -39px;
}

#footer_resp
{
	display: none;
	width: calc(100% + 39px);
	border-top: 1px solid #353535;
	border-bottom: 1px solid #353535;
	background-color: #1f1f1f;
	padding-bottom: 20px;
}

#footer_resp .logo
{
	float: left;
	margin-top: 20px;
	margin-left: 60px;
}

#footer_resp .left, #footer_resp .middle, #footer_resp .right
{
	float: left;
	margin-top: 20px;
	margin-left: 30px;
}

#footer_resp a, #footer_resp p
{
	font-family: Arial, sans-serif;
	color: white;
	text-decoration: none;
	font-size: 12px;
}

#footer_resp .yellow
{
	font-weight: bold;
	color: #f4b015;
}

.devis2_b1
{
	max-width: 611px;
	width: calc(100% - 337px);
	float: left;
}

.devis2_b1 .gray_container
{
	background-color: #eaeaea;
}

.devis2_b1 .header
{
	width: 100%;
	background-color: #dadada;
}

.devis2_b1 .header .title
{
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	color: #252525;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	padding-left: 20px;
	padding-right: 20px;
}

.devis2_b1 .header .label
{
	float: left;
}

.devis2_b1 .header .label img
{
	float: left;
}

.devis2_b1 .header .label p
{
	float: left;
	color: #252525;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	line-height: 15px;
	margin-left: 5px;
}

.devis2_b1 .header .label1
{
	padding-left: 50px;
	padding-right: 25px;
}

.devis2_b1 .inner_container
{
	width: calc(100% - 130px);
	margin: 0 auto;
}

.devis2_b1 #select1
{
	width: calc(100% - 2px);
	max-width: initial;
	border: 1px solid #0092d1 !important;
}

.devis2_b1 #select1 input
{
	width: calc(100% - 16px) !important;
	max-width: initial;
}

.select_container
{
	height: 41px;
	max-width: 264px;
	width: calc(50% - 12px);
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	margin-bottom: 20px;
}

.select_container .title_container p
{
	font-size: 15px;
	position: absolute;
	left: 20px;
	top: 11px;
	max-width: calc(100% - 50px);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.select_container .title_container .title
{
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}

.select_container .title_container .arrow
{
	position: absolute;
	right: 10px;
	top: 15px;
	transition: all 0.2s ease-in-out;
}

.select_container .value_container
{
	position: absolute;
	width: 100%;
	left: -1px;
	top: 40px;
	z-index: 1;
	-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-style: solid;
	border-width: 1px;
	overflow: hidden;
	display: none;
}

.select_container .value_container p
{
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.yellow_select
{
	border-color: #ee9b05;
	background-color: #ee9b05;
}

.yellow_select .title_container p
{
	color: black;
}

.yellow_select .value_container
{
	border-color: #ee9b05;
	background-color: #ee9b05;
}

.yellow_select .value_container p
{
	color: black;
}

.yellow_select .value_container p:hover
{
	color: #ee9b05;
	background-color: black;
}

.gray_select
{
	border-color: #939393;
	background-color: #eaeaea;
}

.gray_select .title_container p
{
	color: #252525;
}

.gray_select .value_container
{
	border-color: #939393;
	background-color: #eaeaea;
	border-top: none;
}

.gray_select .value_container p
{
	color: #252525;
	font-family: 'Open Sans', sans-serif;
}

.gray_select .value_container p:hover
{
	color: #1f1f1f;
	background-color: #a1a0a0;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.devis2_b1 .inter_title img
{
	float: left;
}

.devis2_b1 .inter_title p
{
	float: left;
	color: #1f1f1f;
	font-size: 18px;
	line-height: 16px;
	margin-left: 10px;
	font-family: 'Open Sans', sans-serif;
}

.devis2_b1 .inter_title .line
{
	float: right;
	width: calc(100% - 200px);
	height: 1px;
	background-color: #5e4417;
	margin-top: 12px;
}

.devis2_b1 input
{
	max-width: 233px;
	width: calc(50% - 28px);
	height: 38px;
	background-color: #eaeaea;
	border: 1px solid #939393;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	padding-left: 8px;
	padding-right: 8px;
	font-family: 'Open Sans', sans-serif;
	color: #1f1f1f;
	margin-bottom: 15px;
}

.devis2_b1 input::placeholder
{
	font-style: normal;
	color: #1f1f1f;
}

.devis2_b2
{
	max-width: 414px;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #0092d1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	margin: 0 auto;
}

.devis2_b2:hover
{
	background-color: #116d95;
}

.devis2_b2 .container
{
	max-width: 490px;
	display: table;
	width: 90%;
	margin: 0 auto;
}



.devis2_b2 p
{
	color: white;
	text-align: center;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}

.devis2_bottom_line
{
	width: 90%;
	max-width: 423px;
	height: 1px;
	background-color: #5f3e02;
	margin: 0 auto;
}

.devis1_b5, .devis1_b6
{
	max-width: 910px;
	margin: 0 auto;
}

.parag1 p
{
	text-align: left;
	float: left;
	max-width: 625px;
	width: 100%;
	margin: 0 auto;
	padding-top: 10px;
}

.parag1 img
{
	float: right;
}

.devis1_b6 p
{
	float: left;
	max-width: 410px;
	text-align: left;
}

.devis1_b6 p:nth-child(even)
{
	float: right;
}

@media all and (max-width: 1060px)
{
	#footer_no_resp
	{
		display: none;
	}

	#footer_resp
	{
		display: block;
	}
}

@media all and (max-width: 1040px)
{
	#header
	{
		display: none;
	}

	#menu
	{
		display: none;
	}

	#header_resp
	{
		display: block;
	}

	#devis_h1_1 .couv_natio
	{
		display: none;
	}

	.show-1040
	{
		display: block;
	}
}

@media all and (max-width: 1024px)
{
	.hide_1024
	{
		display: none;
	}
}

@media all and (max-width: 1015px)
{
	.devis_b1
	{
		width: auto;
		float: none;
		margin-top: 0;
	}

	#devis_h1_1
	{
		padding-bottom: 30px;
	}

	#devis_h1_1 .label
	{
		float: none;
		max-width: 355px;
		padding-top: 10px;
		margin: 0 auto;
	}

	#devis_h1_1 .label2 p
	{
		margin-right: 0;
	}

	#devis_h1_1 h1, .devis1_b5 h2, .devis1_b6 h3
	{
		line-height: 26px;
	}

	#devis_h1_1 .label2 img
	{
		margin-left: 0;
	}

	.devis2_b1 .header .label
	{
		float: none;
	}

	.devis2_b1 .label2
	{
		display: none;
	}

	.devis2_b1 .header .label1
	{
		margin: 0 auto;
		max-width: 260px;
		padding: 0;
	}

	.devis1_b6 .devis_img_map
	{
		float: none;
		display: block;
		margin: 0 auto;
		padding: 0;
		max-width: 100%;
	}

	.devis1_b6 .city_list
	{
		max-width: 330px;
		margin: 0 auto;
	}

	.devis1_b6 .col2
	{
		margin-left: 0;
	}

	.city_list .col1 ul
	{
		padding-left: 0;
	}
}

@media all and (max-width: 950px)
{
	.parag1 img
	{
		float: none;
		display: block;
		margin: 0 auto;
		padding-top: 30px;
	}

	.parag1 p
	{
		float: none;
		max-width: 100%;
	}
}

@media all and (max-width: 920px)
{
	.devis1_b6 p
	{
		float: none;
		max-width: 100%;
	}
}

@media all and (max-width: 900px)
{
	.devis_b2
	{
		display: none;
	}

	.devis2_b1
	{
		max-width: 100%;
		width: 100%;
	}

	.devis2_b1 .select_container, .devis2_b1 input
	{
		max-width: initial;
	}

	.devis2_b2
	{
		width: 100%;
		max-width: initial;
	}
}


@media all and (max-width: 850px)
{
	.devis_b3 .grand1
	{
		margin-left: 20px;
		width: 100%;
		margin-bottom: 20px;
	}

	.devis_b3 .petit3
	{
		width: calc(50% - 32px);
		
	}

	.devis_b3 .petit1
	{
		width: calc(50% - 32px);
	}
}

@media all and (min-width: 769px)
{
	.layout-768
	{
		display: none;
	}
}

@media all and (max-width: 768px)
{
	.layout-768
	{
		display: block;
	}

	.show_768
	{
		display: block;
	}

	.hide_768
	{
		display: none;
	}

	#page-body
	{
		width: calc(100% - 42px);
		padding-left: 20px;
		padding-right: 20px;
	}

	.devis2_b1 .inner_container
	{
		max-width: calc(100% - 60px);
		width: 100%;
	}

	.footer_container
	{
		margin-left: -10px;
	}

	#footer_resp
	{
		width: calc(100% + 10px);
	}

	#footer_resp .logo
	{
		margin-left: 20px;
	}

	.devis1_b4 .container
	{
		width: calc(50% - 20px);
	}

	.devis1_b5 .right
	{
		width: calc(100% - 40px);
	}

	.devis1_b5 .left, .devis1_b5 .center
	{
		width: calc(50% - 30px);
	}

	.devis_b3
	{
		width: 100%;
	}

	.devis_b4
	{
		display: none;
	}
}

@media all and (max-width: 570px)
{
	.devis1_b1
	{
		float: none;
	}

	.devis1_b2
	{
		float: none;
		margin-right: 0;
		margin-left: 20px;
		margin-bottom: 20px;
	}

	.devis1_b6 .left
	{
		width: calc(100% - 40px);
	}

	.devis1_b6 .right
	{
		width: calc(100% - 40px);
		float: left;
		margin-left: 20px;
	}

	.devis2_b1 .select_container
	{
		max-width: 100%;
		width: calc(100% - 2px);
		float: left;
	}

	.devis2_b1 input
	{
		max-width: 100%;
		width: calc(100% - 18px);
		float: left;
	}
}

@media all and (max-width: 500px)
{
	#footer_resp .left
	{
		width: 50%;
	}

	#footer_resp .middle
	{
		margin-top: 0;
	}
}

@media all and (max-width: 480px)
{
	.devis1_b5 .left, .devis1_b5 .center
	{
		width: calc(100% - 40px);
	}

	.devis_b3 .petit3
	{
		width: calc(100% - 40px);
		margin-bottom: 20px;
		
	}

	.devis_b3 .petit1
	{
		width: calc(100% - 40px);
	}
}

@media all and (max-width: 400px)
{
	.devis1_b4 .container
	{
		width: calc(100% - 20px);
	}

	.submit_line, .submit_black
	{
		display: none;
	}

	.submit_btn
	{
		width: 100%;
		top: 0;
		left: 0;
		margin: 0 auto;
		position: absolute;
	}

	#footer_resp .logo
	{
		margin-left: calc(50% - 60px);
	}

	#footer_resp .left, #footer_resp .middle
	{
		width: calc(100% - 30px);
	}
}

@media all and (max-width: 370px)
{
	#devis_h1_1 .label img
	{
		display: none;
	}

	#devis_h1_1 .label p
	{
		width: 100%;
		margin-left: 0;
	}

	.devis1_b6 .city_list
	{
		max-width: 160px;
	}

	.city_list .col1, .city_list .col2
	{
		float: none;
		margin-left: 0;
		padding-left: 0;
	}

	.city_list .col2 ul
	{
		padding-left: 0;
		margin-top: 0;
	}

	.city_list .col1 ul
	{
		margin-bottom: 0;
	}
}