@charset "UTF-8";


body {
	background-color: #fff;
	font-family: "Rubik", sans-serif !important;
	font-weight: 400;
	font-style: normal;
	font-size: 16px !important;
}


.container-blue-max {
	text-align: center;
	background-color: #1C2159;
	color: fff;
}

.container-white {
	background-color: #ffffff;
}

.container-white-deee ul {
	margin: 0px 40px 0px 70px;
}

.container-blue-deee ul {
	margin: 0px 40px 0px 70px;
}

.container-blue {
	background-color: #e9f6fe;
}

.container-blue-deee {
	background-color: #dff3fc;
}

.container-blue-accueil {
	background-color: #dcf2fd;
}

.div-blue-hard-accueil {
	/* 	margin-top:10px;
 */
	background-color: #1e2358;
	color: white;
	font-size: 14px;
	margin-bottom: 0px;
}

.margintop24 {
	margin-top: 24px;
}

.marginbottom15 {
	margin-bottom: 15px;
}

.marginbottom40 {
	margin-bottom: 40px;
}

.marginbottom60 {
	margin-bottom: 60px;
}

.paddingbottom15 {
	padding-bottom: 15px;
}

img-blue {
	background-color: #1e3865;

}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
	margin-bottom: 0px !important;
	padding: 0px !important;
	float: left;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
	text-align: center
}

ul.li-green-arrow {
	list-style-image: url('../img/list/green-arrow.jpg');
}

ul.li-blue-cible {
	list-style-image: url('../img/list/blue-cible.png');
}

/* ul.li-blue-cible-small-clear {
	margin: 0px 80px;
	list-style-image:url('../img/list/blue-cible.png');
}

.li-blue-cible-small-clear {
	top:-13px;
	position:relative;	
}
 */

#resize-li ul {
	margin: 0em;
}

#resize-li li {
	font-size: 1em;
	list-style: none;
	margin: 0em;
}

#resize-li li::before {
	content: '';
	display: inline-block;
	background-image: url('../img/list/blue-cible.png');
	/* alternative redheart icon:  https://s13.postimg.org/y94150zmf/redheart.png */
	background-size: contain;
	height: 1.2em;
	width: 1.2em;
	background-repeat: no-repeat;
	flex: 0 0 1em;
	vertical-align: bottom;
	margin-right: 10px
}

ul.li-blue-cible-small {
	list-style-image: url('../img/list/blue-cible-small.png');
}

.li-blue-cible-small {
	top: -13px;
	position: relative;
}

ul.li-none {
	list-style-image: none;
	list-style: disc;
}

.container-blue ul {
	margin: 40px 40px 40px 70px
}

.container-white ul {
	margin: 40px 40px 40px 70px
}

/* Couleurs */

.text-brown {
	color: #a20000;
}

.text-orange {
	color: #ee9c62;
}

.text-blue {
	color: #1a3564;
}

.text-blue-clear {
	color: #399dd7;
}

.text-green {
	color: #536953;
}

.text-green-clear {
	color: #1a6d38;
}

.padding10 {
	padding: 10px;
}

.padding25 {
	padding: 25px;
}

.padding25-lr {
	padding: 0px 25px;
}

.padding60-lr {
	padding: 0px 60px;
}

.padding100 {
	padding: 100px;
}

.card {
	background-color: #f6f8e5;
}

.img-thumbnail-card {
	padding: 0.25rem;
	/* background-color: #fff; */
	/* border: 1px solid #dee2e6; */
	border-radius: 0.25rem;
	max-width: 100%;
	height: auto;
}

/* footer */

.lien_contact {
	color: #1e2358;
	text-align: center;
	/*     font-family: cursive;
 */
	font-size: 2em;
	text-decoration: solid;
}

#lien_contact {
	padding-top: 50px;
	margin-bottom: -5px;
}

.p-footer {
	padding: 10% !important;
}

/* header */

.bandeau-label {
	color: fff;
	font-size: 12.5px;
	padding: 10px;
}

.nav-link {
	color: #2daa49 !important;
}

.nav-item a {
	position: relative;
}

.nav-item a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	border-bottom: 3px solid #2daa49;
	transition: 0.4s;
}

.nav-item a:hover:after {
	width: 100%;
}

.nav-link {
	padding: 0.5rem 0.2rem;
}

a {
	text-decoration: none;
}

/*

index.php

*/

@media only screen and (min-width: 600px) {
	.card-img-top-accueil {
		width: 110%;
	}

	.card-title-accueil {
		width: 110%;
	}
}

@media only screen and (max-width: 600px) {
	.card-img-top-accueil {
		width: 100%;
	}

	.card-title-accueil {
		width: 100%;
	}
}

/*

/* contact
*/

#user2-wrap {
	background: #e8e8e8;
	padding: 0;
	margin: 0 auto;
	clear: both;
	text-shadow: 1px 1px #fff;
}


* Row with equal height columns * -------------------------------------------------- */ .row-eq-height {


	display: -webkit-box;


	display: -webkit-flex;


	display: -ms-flexbox;


	display: flex;


}

/* formulaire */

#collecte-red {
	background: rgb(198, 87, 88);
	border-radius: 5px;
	font-family: 'Times';
	font-size: 18px;
	color: #f7f3f3;
}

#demandedecollecte {
	background-color: rgb(250, 215, 160);
	padding: 10px;
}

/*

Dropdown menu

*/

ul li {
	position: relative;
}

ul li ul.dropdown {
	min-width: 190px;
	display: none;
	position: absolute;
	z-index: 999;
	left: 0;
	padding: 0;

}

ul li:hover ul.dropdown {
	display: block;
}

ul li ul.dropdown li a {
	background-color: #fff;
	color: #2daa49 !important;
}

ul li ul.dropdown li {
	list-style: none;
}

/* tracabilite */

#informations th {
	padding: 1px;
	background-color: #ebedf4;
	border: 1px solid #ccced7;
	margin-top: 10px;
}

#informations h6 {
	padding: 6px;
	color: #fff;
	background-color: #2f75b5;
	border: 2px solid #000;
}

#tableau h6 {
	padding: 6px;
	color: #000;
	background-color: #c9c9c9;
	border: 2px solid #000;
	margin-top: 10px;
}

#tableau {
	border: 1px #ccc solid;
}

#Date_Misajour {
	white-space: nowrap;
	width: 28%
}

.offset-lg-1 {
	margin-left: 5.3333333333%;
}

@media only screen and (min-width: 600px) {
	.card-title-accueil {
		width: 100%;
	}
}

@media only screen and (min-width: 600px) {
	.card-img-top-accueil {
		width: 100%;
	}
}


@media (min-width: 992px) {
	#formulaire_collecte textarea.form-control {
		height: 65px;
	}
}

@media (min-width: 1200px) {
	#formulaire_collecte textarea.form-control {
		height: 150px;
	}
}

@media (min-width: 1400px) {
	#formulaire_collecte textarea.form-control {
		height: 215px;
	}
}

.spelling {
	text-decoration: underline;
	-webkit-text-decoration: underline;
}

.spellingb {
	text-decoration: underline;
	-webkit-text-decoration: underline;
	font-weight: bold;
}