/****** Boutons ******/

.button_custom1,
a.button_custom1, a.button_custom1:visited {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 1rem;
	letter-spacing: -.5px;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;
	padding: 10px 25px 8px 25px;
	display: inline-block;

	width: 100%;
	max-width: 200px;
	text-align: center;
	vertical-align: middle;

	-webkit-border-radius: 6px;
					border-radius: 6px;

	-webkit-box-sizing: border-box;
					box-sizing: border-box;
}
button.button_custom1 { border: 0px; -webkit-font-smoothing: antialiased; }

a.button_custom1:hover, button.button_custom1:hover { background-color: #f7910b; color: #ffffff; }
a.button_custom1:active, button.button_custom1:active { background-color: #ff0000; }

.button_custom1 .labelright { padding-right: 6px; }
.button_custom1 .labelleft  { padding-left: 6px; }

.button_custom1 i.fa { color: #ffffff; font-size: 24px; vertical-align: bottom; }

/****** /Boutons ******/


/* LP1 */
.lp1 .lp1_fs { color: #006341; }

.lp1 .lp1_fs input[type="text"],
.lp1 .lp1_fs textarea {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1rem;
	background-color: #ffffff;
	color: #006341;
	letter-spacing: 0px;
	line-height: 130%;

	display: inline;
	border: 1px solid #aaaaaa;

	-webkit-box-sizing: border-box;
					box-sizing: border-box;

	-webkit-border-radius: 30px;
					border-radius: 30px;

	margin-bottom: 20px;
	padding: 10px 14px;
	width: 100%;
}

.lp1 .lp1_fs .input_wrapper .placeholder { color: #006341; padding: 10px 14px; }
.lp1 .lp1_fs .input_wrapper input:focus ~ .placeholder,
.lp1 .lp1_fs .input_wrapper input.filled ~ .placeholder { color: #aaaaaa; padding: 0 14px; top: -3px; }

.lp1 .lp1_fs .input_wrapper textarea:focus ~ .placeholder,
.lp1 .lp1_fs .input_wrapper textarea.filled ~ .placeholder { color: #aaaaaa; padding: 0 14px; top: -3px; }

.lp1 .lp1_fs .button_base,
.lp1 .lp1_fs a.button_base, .lp1 .lp1_fs a.button_base:visited {
	font-size: 1rem;
	font-weight: 600;
	text-transform: none;
	max-width: 280px;
	background-color: #fa9715;
	-webkit-border-radius: 30px;
					border-radius: 30px;
}
.lp1 .lp1_fs .button_base:hover,
.lp1 .lp1_fs a.button_base:hover { background-color: black; }
/* /LP1 */


/* REFERENCE */
.reference .wrapper_contenu .subtitle { margin: 0 auto; font-size: 1.175rem; width: 75%; max-width: 700px; margin-bottom: 2rem; }
.reference .wrapper_contenu .contenu2 { font-size: 0.875rem; }

.reference .lp1_fs .title_client {
	font-size: 1rem;
	font-weight: 400;
	text-transform: none;
	color: #ffffff;
	background-color: #fa9715;
	-webkit-border-radius: 30px;
					border-radius: 30px;
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
	display: inline-block;
	padding: 0.5rem;
	width: 100%;
	max-width: 400px;
}
.reference .lp1_fs .title_client b { font-weight: 600; }

.reference .lp1_fs .title_neighbor {
	font-size: 1rem;
	font-weight: 400;
	text-transform: none;
	color: #ffffff;
	background-color: #006341;
	-webkit-border-radius: 30px;
					border-radius: 30px;
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
	display: inline-block;
	padding: 0.5rem;
	width: 100%;
	max-width: 400px;
}
.reference .lp1_fs .title_neighbor b { font-weight: 600; }

.reference .label_date { margin-bottom: 20px; }
.reference #voisin_date { width: 140px; margin-left: 0.750rem; margin-right: 0.750rem; }
.reference #voisin_date_caltrigger { margin-bottom: 20px; font-size: 1.5rem; }
.reference .my-picker.datepick {
	border: 2px solid #808080;
	-webkit-border-radius: 8px;
					border-radius: 8px;
}
.reference .my-picker .datepick-nav {
	background-color: #006341;
	padding: 2px 0;
	-webkit-border-radius: 6px 6px 0px 0px;
	        border-radius: 6px 6px 0px 0px;
}
.reference .my-picker .datepick-ctrl {
	background-color: #fa9715;
	padding: 2px 0;
	-webkit-border-radius: 0px 0px 6px 6px;
          border-radius: 0px 0px 6px 6px;
}

.reference .my-picker .datepick-month-header input,
.reference .my-picker .datepick-month-header select { width: auto; display: inline-block; }

.reference .my-picker .datepick-month-header,
.reference .my-picker .datepick-month-header input,
.reference .my-picker .datepick-month-header select { background-color: #8d8d8d; }

.reference .my-picker .datepick-month th { border: 1px solid #b0b0b0; }
.reference .my-picker .datepick-month th, .reference .my-picker .datepick-month th a { background-color: #b0b0b0; }

.reference .my-picker .datepick-month td { border: 1px solid #d3cfcf; }

.reference .my-picker .datepick-month td .datepick-today { background-color: #fa9715; }
/* /REFERENCE */


/* #Base 1008 Grid */
@media only screen and (min-width: 1008px) and (max-width: 1259px) {
}

/* #Base  756 Grid */
@media only screen and (min-width: 756px) and (max-width: 1007px) {

	.reference .lp1_fs .title_client,
	.reference .lp1_fs .title_neighbor { padding: 0.5rem 2rem; }

}

/* #All Mobile */
@media only screen and (max-width: 755px) {

	.lp1 .lp1_fs .input_wrapper { display: inline-block; width: 100%; max-width: 320px; }
	.lp1 .lp1_fs .input_wrapper .placeholder { font-size: 1.25rem; padding: 12px 14px; }
	.lp1 .lp1_fs .input_wrapper input:focus ~ .placeholder,
	.lp1 .lp1_fs .input_wrapper input.filled ~ .placeholder { font-size: 12px; top: -1px; }
	.lp1 .lp1_fs input[type="text"] { font-size: 1.25rem; }

	.lp1 .lp1_fs .button_base,
	.lp1 .lp1_fs a.button_base, .lp1 .lp1_fs a.button_base:visited { font-size: 1.25rem; }

	.reference .wrapper_contenu .subtitle { width: 90%; margin-bottom: 0.5rem; }

	.reference .lp1_fs .title_client,
	.reference .lp1_fs .title_neighbor { margin-top: 2rem; max-width: 320px; }

	.reference .lp1_fs .tablebloc { margin: 0 auto; }
	.reference .lp1_fs .label_date { font-size: 1.25rem; }
	.reference .lp1_fs #voisin_date { width: 200px; }

	.reference .my-picker.datepick,
	.reference .my-picker .datepick-nav,
	.reference .my-picker .datepick-ctrl { font-size: 105%; }

	.reference .my-picker .datepick-nav,
	.reference .my-picker .datepick-ctrl { padding-top: 3px; }

	.reference .lp1_fs .button_base { margin-top: 2rem; }

}

/* #Mobile (Landscape) */
@media only screen and (min-width: 480px) and (max-width: 755px) {
}

/*  #Mobile (Portrait) */
@media only screen and (max-width: 479px) {
}