@charset "UTF-8";
/**
* RECYGO THEME 1.0.0
*
* Import the custom fonts
*/
@font-face {
	font-family: 'DINPro-Regular';
	src: url("../fonts/din-regular.eot.eot");
	src: url(../fonts/din-regular.eot?#iefix) format("embedded-opentype"),
		url(../fonts/din-regular.woff) format("woff"),
		url(../fonts/din-regular.ttf) format("truetype"),
		url("../fonts/din-regular.svg#din regular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINPro-Bold';
	src: url(../fonts/din-bold.eot);
	src: url(../fonts/din-bold.eot?#iefix) format("embedded-opentype"),
		url(../fonts/din-bold.woff) format("woff"), url(../fonts/din-bold.ttf)
		format("truetype"), url("../fonts/din-bold.svg#din bold")
		format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINPro-CondensedMedium';
	src: url(../fonts/din-cond-medium.eot);
	src: url(../fonts/din-cond-medium.eot?#iefix)
		format("embedded-opentype"), url(../fonts/din-cond-medium.woff)
		format("woff"), url(../fonts/din-cond-medium.ttf) format("truetype"),
		url("../fonts/din-cond-medium.svg#din cond medium") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "DINPro-CondensedBold";
	src: url(../fonts/din-cond-bold.eot);
	src: url(../fonts/din-cond-bold.eot?#iefix) format("embedded-opentype"),
		url(../fonts/din-cond-bold.woff) format("woff"),
		url(../fonts/din-cond-bold.ttf) format("truetype"),
		url("../fonts/din-cond-bold.svg#din cond bold") format("svg");
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, h5{
	color: #030F40;
	font-family: 'DINPro-CondensedMedium';
}

span,label{
	color: #030F40;
	font-family: "DINPro-Regular";
}
span strong {
	font-weight: bolder !important;
}
.mailLabel {
	color: #ff0101 !important;
}
.recygo-font-regular {
	font-family: "DINPro-Regular";
}

.recygo-font-bold {
	font-family: "DINPro-Bold";
}

.recygo-font-condensed {
	font-family: "DINPro-CondensedMedium";
}

.recygo-font-58 {
	font-size: 58px;
}

.recygo-font-47 {
	font-size: 47px;
}

.recygo-font-35 {
	font-size: 35px;
}

.recygo-font-29 {
	font-size: 29px;
}

.recygo-font-22 {
	font-size: 22px;
	Line-Height: 28px;
}

.recygo-font-18 {
	font-size: 18px;
}

.recygo-font-16 {
	font-size: 16px;
}

.recygo-font-8 {
	font-size: 8px;
}

.recygo-font-14 {
	font-size: 14px;
}

.recygo-font-12 {
	font-size: 12px;
}

.recygo-font-left {
	text-align: left;
}

.recygo-font-right {
	text-align: right;
}

.recygo-font-offre {
	color: #8A94AD;
}

.recygo-font-blanc {
	color: white;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.text-justify {
	text-align: justify;
}

.text-nowrap {
	white-space: nowrap;
}

.text-lowercase {
	text-transform: lowercase;
}
.new-col {
    margin: 5px;
    display: flex;
    flex-wrap: wrap;
    flex: 1 0 auto;
}

 .how-col {
    display: flex;
    flex-wrap: wrap;
    flex: 1 0 auto;
}
.custon-modal-footer {
  text-align: center;
}
.bnt-modal-footer {
	margin-top: 10px;
}

.text-uppercase, .initialism {
	text-transform: uppercase;
}

.text-primary {
	color: #01BACC;
}

.recygo-background-transparent {
	background-color: transparent;
}

.recygo-background-gris {
	background-color: #F1F1F1;
}

.recygo-font-green {
	color: #9BCD41;
}


.modal {
	display: block;
	margin: 0;
	overflow: hidden;
	position: fixed;
}

.modal-body {
	overflow: auto;
}

.modal-body.dialog-iframe-bd {
	overflow: hidden;
}

.modal-hidden {
	display: none;
}

.modal-open .modal {
	overflow: hidden;
}

.recygo-spacer-0 {
	height: 0px;
	margin-bottom: 0px;
}

.recygo-spacer-16 {
	height: 0px;
	margin-bottom: 16px;
}

.recygo-spacer-25 {
	height: 0px;
	margin-bottom: 25px;
}

.recygo-spacer-26 {
	height: 0px;
	margin-bottom: 26px;
}

.recygo-spacer-37 {
	height: 0px;
	margin-bottom: 37px;
}

.recygo-spacer-43 {
	height: 0px;
	margin-bottom: 43px;
}

.recygo-spacer-50 {
	height: 0px;
	margin-bottom: 50px;
}

.recygo-spacer-69 {
	height: 0px;
	margin-bottom: 69px;
}

.recygo-spacer-100 {
	height: 0px;
	margin-bottom: 100px;
}

.recygo-spacer-181 {
	height: 0px;
	margin-bottom: 181px;
}

.label {
	position: relative;
	height: 1rem;
	line-height: 1rem;
	bottom: 0;
	color: #030F40;
	transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.input {
	font-family: "DINPro-Regular";
	width: auto;
	font-size: 15px;
	border: 0;
	margin-bottom: 1em;
	padding: 0;
	background-color: transparent;
	border-bottom: 1px solid #01BACC;
	color: #030F40;
	transition: all .2s ease-in;
}

.parsley-error {
	border-bottom: 1px solid #ff0000;
}

.input-multiselect {
	border: 1px solid #01BACC;
	font-family: "DINPro-Regular";
		color: #030F40;
}

.input:focus+.label, input:valid+.label, .input-time:focus+.label,
	.input-time:valid+.label {
	transform: translateY(-100%);
	font-size: 0.75rem;
	color: #ccc;
}

textarea {
	padding: 5px;
	border: 1px solid #01BACC;
	font-size: 15px;
	width: 100%;
	color: #030F40;
	font-family: "DINPro-Regular";
}

.input-time {
	text-align: center;
	width: 6.25%;
	font-size: 15px;
	border: 0;
	padding: 0;
	background-color: transparent;
	height: 3rem;
	line-height: 2rem;
	border-bottom: 1px solid #01BACC;
	color: #030F40;
	transition: all .2s ease-in;
}

.input:focus, .input-time:focus {
	outline: 0;
	border-color: #01BACC;
}

/* input[type=text], input[type=date], input[type=number], input[type=phone], input[type=email], select, textarea {
  padding: 5px 10px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  width:50%;
} */
.recygo-no-padding {
	padding: 0px;
}

.recygo-no-margin {
	margin: 0px;
}

.padding-bottom-5 {
	padding-bottom: 5px;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}

.padding-right-20 {
	padding-right: 20px;
}

.padding-right-30 {
	padding-right: 30px;
}

.padding-bottom-43 {
	padding-bottom: 43px;
}

.font-size-small {
	font-size: small;
}

.font-size-small .col-xs-7.col-sm-7.col-md-7.col-lg-7 {
	padding-right: 0px;
}

.font-size-small .col-xs-4.col-sm-4.col-md-4.col-lg-4 {
	padding-right: 0px;
}

.padding-left-15 {
	padding-left: 15px;
}

.padding-right-60 {
	padding-right: 60px;
}

.padding-left-60 {
	padding-left: 60px;
}

.padding-right-15 {
	padding-right: 15px;
}

.padding-left-15 {
	padding-left: 15px;
}

.padding-right-25 {
	padding-right: 25px;
}

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

.padding-bottom-26 {
	padding-bottom: 26px;
}

.padding-bottom-16 {
	padding-bottom: 16px;
}

.padding-top-16 {
	padding-top: 16px;
}

.padding-bottom-37 {
	padding-bottom: 37px;
}

.margin-top-37 {
	margin-top: 37px;
}

.margin-top-100 {
	margin-top: 100px;
}

.margin-top-100 {
	margin-top: 100px;
}

.margin-top-16 {
	margin-top: 16px;
}

.margin-top-26 {
	margin-top: 26px;
}

.margin-top-46 {
	margin-top: 46px;
}

.margin-top-76 {
	margin-top: 76px;
}

.padding-bottom-69 {
	padding-bottom: 69px;
}

.padding-top-43 {
	padding-top: 43px;
}

.padding-40 {
	padding: 40px;
}

.padding-top-bottom-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.padding-left-right-40 {
	padding-left: 40px;
	padding-right: 40px;
}

.padding-top-bottom-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.padding-left-right-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.title-section {
	display: table;
	width: 100%;
	background-color: #F1F1F1;
}

.title {
	display: table-cell;
	vertical-align: middle;
	height: 50px;
	text-align: center;
}

input[type=button], input[type=submit] {
	background-color: transparent;
	border: 0;
	padding-top: 3px;
}

.btn-portail {
	font-family: "DINPro-Bold";
	font-size: 18px;
	height: 36px;
	padding-left: 21px;
	padding-right: 21px;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	margin-right: 25px;
}

.btn-portail-laposte {
	font-family: "DINPro-Bold";
	font-size: 18px;
	height: 36px;
	padding-left: 21px;
	padding-right: 21px;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	margin-right: 25px;
}
.btn-precedent {
	font-family: "DINPro-Bold";
	font-size: 18px;
	height: 36px;
	padding-left: 21px;
	padding-right: 21px;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	margin-right: 25px;
	padding-bottom: 15px;
}

.btn-precedent::before, .btn-precedent::after {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	text-align: center;
	align-content: center;
	align-items: center;
}

.btn-portail-home {
	font-size: 29px;
	margin-right: 25px;
}

.btn-portail::before, .btn-portail::after {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	text-align: center;
	align-content: center;
	align-items: center;
}

.btn-primary {
	color: #fff;
	background-color: #01BACC;
	border-color: #01BACC;
	border: #01BACC;
	padding-bottom: 5px;
}

.btn-secondary {
	color: #01BACC;
	background-color: #fff;
	border: 1px solid #039BAA;
	border-color: #039BAA;
	text-decoration: none;
	padding-top: 2px;
}

.btn-secondary:hover {
	color: #01BACC;
	background-color: #F1F1F1;
	border: 1px solid #039BAA;
	border-color: #039BAA;
	text-decoration: none;
}

.btn-secondary:focus {
	color: #039BAA;
	background-color: #F1F1F1;
	border: 1px solid #039BAA;
	border-color: #039BAA;
	text-decoration: none;
}

input[type=button]:focus, input[type=submit]:focus, input[type=button]:hover,
	input[type=submit]:hover {
	background-color: transparent;
	border: 0;
}

.btn-primary:focus {
	color: #fff;
	background-color: #018c99;
	border-color: #00464d;
	text-decoration: none;
}

.btn-primary:hover {
	color: #fff;
	background-color: #039BAA;
	border-color: #039BAA;
	text-decoration: none;
}

.btn-ok {
	padding: 5px 10px;
	font-size: 10px;
}

.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
	color: black;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover, .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.inline {
	position: relative;
}

.inline div {
	display: inline-block;
}

.inline input, .inline label {
	display: inline-block;
}

.border-blue-top {
	border-top: 1px solid #030F40;
}

.border-blue-bottom {
	border-bottom: 1px solid #030F40;
}

.border-blue-left {
	border-left: 1px solid #030F40;
}

.value-button {
	display: inline-block;
	border: 1px solid #ddd;
	margin: 0px;
	width: 25px;
	height: 25px;
	text-align: center;
	vertical-align: middle;
	background: #599bb3;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.value-button:focus {
	outline: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.value-button:hover {
	cursor: pointer;
}

form .decrease {
	margin-right: -4px;
	border-radius: 8px 0 0 8px;
}

form .increase {
	margin-left: -4px;
	border-radius: 0 8px 8px 0;
}

form #decrease {
	margin-right: -4px;
	border-radius: 8px 0 0 8px;
}

form #increase {
	margin-left: -4px;
	border-radius: 0 8px 8px 0;
}

form #input-wrap {
	margin: 0px;
	padding: 0px;
}

#minigos-number, #maxigos-number, #ecobelles-number, #maxigo-jaunes-number, #maxigo-jaunes2-number, #kadnabox-number,
	#kadnabox-papiers-number, #ecobox-cartons-number,
	#ecobox-bouteilles-number, #ecobox-gobelets-number, #emballages-recyclabes-number, #emballages-recyclabes-option-number, #ecobox-cartouches-number, #ramettes-number, #sacs-transparents-number, #essuieMain-number, #DistributionEssuieMain-number, #cartonMugs-number, #presentationGelHydro-number, #poubelleMasquesLingettes-number,
	#tuu-maxigo-number, #tuu-sacs-number {
	visibility: hidden;
}

.produit-number {
	text-align: center;
	border: none;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0px;
	width: 40px;
	height: 25px;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
	{
	-webkit-appearance: none;
	margin: 0;
}

.offre {
	display: table;
	width: 100%;
}

.offre-checkbox, .offre-price {
	float: none;
	display: table-cell;
	vertical-align: middle;
}

.offre-price {
	background-color: #F1F1F1;
}

.offre-price label {
	visibility: hidden;
}

.offre-options {
	background-color: #F1F1F1;
	float: none;
	display: table-cell;
	vertical-align: top;
}

.btn-is-disabled {
	pointer-events: none;
	/* Disables the button completely. Better than just cursor: default; */
	opacity: 0.7;
}

.parsley-required {
	color: #ff0000
}

.row-middle {
	right: 0px;
	left: 0px;
	bottom: 50%;
	width: 100%;
}

.row-success {
	position: absolute;
	right: 0px;
	left: 0px;
	bottom: 50%;
	width: 100%;
}

.text-uppercase {
	text-transform: uppercase;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.recygo-logo {
	margin-top: 43px;
	margin-bottom: 43px;
}

.recygo-title {
	font-size: 47px;
	padding-bottom: 37px;
}

.recygo-label {
	font-size: 22px;
	padding-bottom: 10px;
}

.recygo-second-label {
	padding-top: 33px;
}

.recygo-password-label {
	padding-top: 33px;
}

#error-container {
	padding: 11px 5px 5px 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.form-group {
	margin-bottom: 0px;
}

/* Desktop */
@media ( min-width :1024px) {
	.recygo-input {
		border: 0;
		border-radius: 0px;
		box-shadow: none;
		border-bottom: 1px solid #01bacc;
		width: 340px;
		margin: 0 auto;
		text-align: center;
		color: #1a1d56;
	}
	.recygo-input:hover, .recygo-input:active:hover, .recygo-input:active,
		.recygo-input:focus {
		border: 0;
		border-radius: 0px;
		box-shadow: none;
		border-bottom: 1px solid #01bacc;
		width: 340px;
		text-align: center;
	}
	.login  .parsley-errors-list {
		width: 413px;
		margin: 0 auto;
		padding-top: 3px;
	}
}

/* Tablet */
@media ( min-width :768px) and (max-width:1023px) {
	.login  .parsley-errors-list {
		width: 413px;
		margin: 0 auto;
		padding-top: 3px;
	}
	.recygo-input {
		border: 0;
		border-radius: 0px;
		box-shadow: none;
		border-bottom: 1px solid #01bacc;
		width: 340px;
		margin: 0 auto;
		text-align: center;
		color: #1a1d56;
	}
	.recygo-input:hover, .recygo-input:active:hover, .recygo-input:active,
		.recygo-input:focus {
		border: 0;
		border-radius: 0px;
		box-shadow: none;
		border-bottom: 1px solid #01bacc;
		width: 340px;
		text-align: center;
	}
}

/* Mobile */
@media ( max-width :767px) {
	.recygo-logo {
		margin-top: 37px;
		margin-bottom: 37px;
	}
	.recygo-title {
		font-size: 29px;
		padding-bottom: 37px;
	}
	.recygo-label {
		font-size: 18px;
		padding-bottom: 0;
	}
	.recygo-second-label {
		padding-top: 16px;
	}
	#error-container ul {
		padding-left: 0;
	}
	.login  .parsley-errors-list {
		width: 100%;
		margin: 0 auto;
		padding-top: 3px;
	}
	.recygo-input {
		border: 0;
		border-radius: 0px;
		box-shadow: none;
		border-bottom: 1px solid #01bacc;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		color: #1a1d56;
	}
	.recygo-input:hover, .recygo-input:active:hover, .recygo-input:active,
		.recygo-input:focus {
		border: 0;
		border-radius: 0px;
		box-shadow: none;
		border-bottom: 1px solid #01bacc;
		width: 100%;
		text-align: center;
	}
}
.padding-left-0{
	padding-left: 0;
}

.with-select-100{
	width: 100%;
}

.back-home{
	margin-top: 34px;
}

.new_hp_lp_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: stretch;
	padding: 25px 0;
}