/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import 'flexvideo.css';
@import 'fix-bootstrap.css';


.fa-instagram{
	color: rgb(20, 153, 87);
    font-size: 2rem;
    background: white;
    padding: 0.6rem;
    border-radius: 25px;
    margin-top: 0.9rem;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
}

body {
	font-family: Century Gothic;
}

/*mailpoet*/
.mailpoet_page div.entry-content{
	display:none;
}

/* ancient-browser-alert error */
.ancient-browser-alert {
	background: #a00;
	color: #faa;
	display: block;
	padding: 3px 0;
	text-align: center;
}
.ancient-browser-alert a {
	color: #fff;
	text-decoration: underline;
}



.page-header-top-right {
	margin-top: 10px;
}

.row {
	padding: 0 !important;
	margin-left: 0;
	margin-right: 0;
}
.row-with-vspace {
	margin-bottom: 0 !important;
}
.pagination {
	margin: 0;
}



.pagination-center {
	text-align: center;
}
.pagination-row {
	margin-bottom: 20px;
}



.required {
	color: #f00;
}



.row-with-vspace {
	margin-bottom: 20px;
}



.site-main .format-aside {
	background: #f5f5f5;
}
.site-main .format-image {
	background: url('../img/content-post-format-image.png') left top no-repeat;
}
.site-main .format-link {
	background: url('../img/content-post-format-link.png') left top no-repeat;
}
.site-main .format-quote {
	background: url('../img/content-post-format-quote.png') left top no-repeat;
}
.site-main .format-video {
	background: url('../img/content-post-format-video.png') left top no-repeat;
}



.site-title {
	margin-bottom: 0;
	padding-left: 0px;
	padding-right: 0px;
}
.site-title > a {
	text-decoration: none;
}
.site-title > div {
	height: auto;
	line-height: 18px;
}
.site-title .site-description {
	color: #999;
	font-size: 16px;
}
.site-title .site-title-heading {
	margin: 0;
}



.widget_calendar #wp-calendar {
	margin: 0;
}
.widget_calendar #wp-calendar #next {
	text-align: right;
}



#comments .comment-navigation {
	margin-bottom: 0;
}
#comments .comment-navigation-below {
	margin-bottom: 20px;
	margin-top: 15px;
}
#comments .media-list li .media {
	margin-top: 15px;
}
#comments .media-list li .media .media-body {
	border: 1px solid #eee;
	padding: 10px;
}
#comments .media-list li .media .media-body .comment-author {
	font-size: 12px;
	margin-bottom: 10px;
}
#comments .media-list ul.children {
	list-style: none;
	margin-left: 2.5em;
}


#main-column .wp-video-shortcode {
	display: block;
	height: auto;
	max-width: 100%;
}
#main-column .attachment .entry-content {
	margin-bottom: 20px;
}
.page-container #content .content-area #main .page .entry-content {
	text-align: justify;
}
#main-column .attachment .entry-content .attachment {
	text-align: center;
}
#main-column .attachment .entry-meta {
	margin-bottom: 20px;
}
#main-column .post,
#main-column .page {
	border: 1px solid #eee;
	margin-bottom: 20px;
	padding: 10px;
}
#main-column .post .entry-header .entry-meta {
	color: #999;
}
#main-column .post .entry-header .entry-meta a {
	color: inherit;
}
#main-column .post .entry-header .entry-meta .posted-on .updated {
	display: none;
}
#main-column .post .entry-meta .categories-icon {
	cursor: default;
}
#main-column .post .entry-meta .comments-link a {
	color: #333;
}
#main-column .post .entry-meta .comments-link a .comment-icon .comment-total,
#main-column .page .entry-meta .comments-link a .comment-icon .comment-total {
	color: #555;
	font-size: 12px;
	margin-left: 5px;
}
#main-column .attachment .edit-post-link a, 
#main-column .attachment .entry-meta .edit-post-link a, 
#main-column .post .entry-meta .edit-post-link a,
#main-column .page .entry-meta .edit-post-link a {
	color: #333;
}
#main-column .post .entry-meta .tags-icon {
	cursor: default;
}
#main-column .attachment .entry-title, 
#main-column .post .entry-title,
#main-column .page .entry-title {
	margin-top: 0;
	word-wrap: break-word;
}

#main table {
	max-width: 100%;
}
#main iframe, #main p img {
	height: auto;
	max-width: 100%;
}
#main .post-64 iframe, #main .post-4 iframe, #main iframe {
    height: 300px;
    width: 600px;
    margin: 40px auto 0px auto;
    display: inherit;
}
#sidebar-left .widget,
#sidebar-right .widget {
	border: 1px solid #eee;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 10px;
}
#sidebar-left .widget ul,
#sidebar-right .widget ul {
	padding-left: 20px;
}
#sidebar-left .widget .widget-title,
#sidebar-right .widget .widget-title {
	font-size: 18px;
	margin-top: 0;
}

#site-footer {
	background: #f5f5f5;
	border-top: 3px solid #ddd;
	font-size: 12px;
	padding: 10px;
}

/* Custom Theme */

/* Global container */
.container {
	padding-right: 0;
	padding-left: 0;
}
@media (max-width: 1120px){
	.container {
		height: 71px;
	}
}
@media (min-width: 992px){
	.container {
		width: 1200px;
	}
}
@media (min-width: 767px) {
	.container {
		width: 100%;
	}
}
@media (max-width: 767px){
	.img-responsive {
		max-width: 70% !important;
	}
}
@media (max-width: 440px){
	.container {
		/*height: 180px;*/
	}
}
/* Header */
.logo-header-top-resp {
	display: none;
}
@media (max-width: 1120px) {
	.info-top {
		display: none;
	}
	.connexion {
		width: 100%;
	}
	.logo-header-top-resp {
		display: block;
		position: fixed;
		top: 0;
		left: 282px;
		z-index: 8;
	}
	.logo-header-top-resp img {
		width: 100px;
		display: block;
	}
	.div-header-connexion{
		padding-left: 0;
	}
	.div-padlock {
		padding-right: 0;
	}
}
@media (max-width: 500px) {
	.logo-header-top-resp {
		left: 229px;
	}
	.logo-header-top-resp img {
		width: 87px;
	}
}
.info-top {
	background-color: #414141;
	color: white;
	height: 71px;
	padding-top: 15px;
}
@media (min-width: 991px) {
	.info-top {
		padding-top: 15px;
	}
}
@media (max-width: 767px) {
	.info-top {
		height: 94px;
	}
	.info-top p {
		margin-left: 10px;
	}
}
@media (max-width: 767px){
	.div-header-mess-logo-2 {
		width: 261px;
	}
}
.div-logo-resp {
	display: none;
}
.div-logo-resp a {
	display: none;
}
@media (max-width: 569px){
	.info-top {
		display: none;
	}
	.div-logo-resp {
		display: block;
		position: fixed;
		z-index: 11;
		top: 108px;
	}
}

@media (max-width: 555px) {
	.div-header-mess-logo-2 {
		width: 220px;
	}
}
@media (max-width: 478px) {
	.div-header-mess-logo-2 {
		width: 190px;
	}
}
@media (max-width: 440px) {
	.info-top {
		height: 109px;
	}
}
@media (max-width: 367px) {
	.div-header-mess-logo-2 {
		width: 180px;
	}
}
.info-top p {
	font-size: 11px;
}
.info-top img {
	float: left;
	margin-right: 30px;
}

@media (min-width: 1293px) {
	.div-header-mess-logo-1 {
		text-align: center;
	}
}
.div-header-mess-logo-1 p {
	margin-left: 10px;
	margin-top: 5px;
}
.div-header-mess-logo-1, .div-header-mess-logo-2 {
	display: inline-block;
}
.div-header-mess-logo-2 {
	float: right;
	position: absolute;
    top: 5px;
}
.div-header-mess-logo-2 p {

}
.connexion {
	background-color: rgb(20, 153, 87);
	color: white;
	padding-top: 15px;
	height: 71px;
}
.connexion img {
	width: 45px;
	float: right;
	-webkit-filter: invert(100%);
	filter: invert(100%);
}
.connexion p {
	font-size: 12px;
	text-align: left;
}
@media (max-width: 1120px) {
	.div-padlock {
		width: inherit;
	}
	.connexion img {
		float: left;
	}
}
/* btn nav resp*/
.navbar-toggle {
	background-color: #00A75F;
	position: fixed;
	background-image: none;
	border: 1px solid lightgrey;
	z-index: 11;
	top: 114px;
	right: 0;
}

/* Menu nav */
.menu-on-img {
	z-index: 7;
	margin-bottom: -45px;
}
.img-logo {
}
.btn-search-logo{
	margin-top: -2px;
	position: absolute;
	background-color: white;
	border: none;
	outline: none;
	margin-left: 20px;
}
.span-search-logo{
	color: rgb(20, 153, 87);
	top: 15px;
	font-weight: 600;
	font-size: 22px;

}
.div-nav-1, .div-nav-logo, .div-nav-2 {
	padding-left: 0;
	padding-right: 0;
}
.div-nav-1 {
	height: 50px;
	float: none;
	margin: auto;
}
.div-nav-2 #menu-menu-prim-2 {
	float: left;
}
.div-nav-logo {
	display: inline-block;
	width: 100%;
	z-index: 6;
	text-align: center;
	position: absolute;
	margin-top: -26px;
}
@media (max-width: 1120px) {
	.div-nav-logo {
		display: none;
	}
}
.div-nav-2 {
	height: 50px;
	display: inline-block;
}


ul#menu-menu-prim-1>li>a:focus, ul#menu-menu-prim-2>li>a:focus, .nav>li>a:hover {
	background-color: white;
	color: rgb(20, 153, 87);
}
.div-desktop-menu-1 {
	text-align: center;
}
#menu-menu-prim-1 {
	float: none;
	display: inline-block;
}
#menu-menu-prim-2 .caret,
#menu-menu-prim-1 .caret {
	display: none;
}
#menu-menu-prim-1 .dropdown-menu>li.active>a:hover,
#menu-menu-prim-2 .dropdown-menu>li.active>a:hover,
#menu-menu-prim-2 .dropdown-menu>li>a:hover,
#menu-menu-prim-1 .dropdown-menu>li>a:hover {
	background-image: none;
	background-color: black !important;
}
#menu-menu-prim-1 .dropdown-menu>li.active>a, #menu-menu-prim-2 .dropdown-menu>li.active>a {
	background-image: none;
	background-color: rgb(20, 153, 87) !important;
	color: white;
}
#menu-menu-prim-1 .sub-menu, #menu-menu-prim-2 .sub-menu {
	background-color: rgb(20, 153, 87);
	padding: 0px;
}
#menu-menu-prim-1 .sub-menu a, #menu-menu-prim-2 .sub-menu a {
	color: white;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 15px;
	padding-bottom: 5px;
}
#menu-menu-prim-2 .menu-item:hover,
#menu-menu-prim-1 .menu-item:hover,
#menu-menu-prim-2 .menu-item > a:hover + .sub-menu,
#menu-menu-prim-1 .menu-item > a:hover + .sub-menu,
#menu-menu-prim-2 .menu-item > a:focus + .sub-menu,
#menu-menu-prim-1 .menu-item > a:focus + .sub-menu,
.sub-menu:hover
{
	display:block;
}
a {
	color : black;
}
ul#menu-menu-prim-1 a,
ul#menu-menu-prim-2 a {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
}
@media (max-width: 1190px) {
	ul#menu-menu-prim-1 a,
	ul#menu-menu-prim-2 a {
		font-size: 11px;
	}
}
ul#menu-menu-prim-1 a {
	padding: 0 7px 0 7px;
    margin-top: 14px;
    border-right: 1px solid black;
}
ul#menu-menu-prim-1 li:last-child a {
    border-right: none;
}
ul#menu-menu-prim-1 li.active a,
ul#menu-menu-prim-1 li.current_page_parent a.dropdown-toggle,
ul#menu-menu-1 li.active a,
ul#menu-menu-1 li.current_page_parent a.dropdown-toggle {
	color: rgb(20, 153, 87);
}
ul#menu-menu-prim-1 .dropdown-menu>.active>a {
	background-color: #000000 !important;
	color: rgb(20, 153, 87);
}
ul#menu-menu-1 .dropdown-menu>.active>a {
	background-color: #000000 !important;
	background-image: none;
}
ul#menu-menu-prim-2 a {
	padding-left: 0;
}
ul#menu-menu-prim-1 .menu-item .dropdown-menu .sub-menu li a{
	padding: 0;
}

#menu-menu-prim-1 .sub-menu a, #menu-menu-prim-2 .sub-menu a {
	padding-top: 5px;
	/*padding-left: 5px;*/
	padding-right: 10px;
 }
#menu-menu-prim-1 .sub-menu, #menu-menu-prim-2 .sub-menu {
	/*padding-left: 5px;*/
}
/* Navbar Sitcky */
.sticky {
	width: 100%;
	background: white;
	z-index: 200;
	height: 60px;
	position: fixed;
	top: 0;
}
@media (min-width: 1121px) {
	.sticky + .div-under-nav-sticky {
		padding-top: 18px;
	}
}

.div-display-none {
	display: none !important;
	z-index: 1;
}

#a-link-sticky {
	position: absolute;
	display: none;
}
#a-link-sticky img {
	width: 80%;
}
@media (max-width: 1523px) {
	#a-link-sticky img {
		width: 71%;
	}
}
@media (max-width: 1450px) {
	#a-link-sticky img {
		width: 54%;
	}
}
@media (max-width: 1335px) {
	#a-link-sticky {
		display: none;
		position: fixed;
		left: 42px;
	}
	#a-link-sticky img {
		padding-left: 50px;
	}
}
@media (max-width: 1335px) {
	#a-link-sticky {
		display: none;
		position: fixed;
		left: 25px;
	}
}
.uplogo {
	display: inline-block !important;
}
/* Div Connexion */
 /* span communication open div connexion */
#span-1-id, #span-2-id {
	cursor: pointer;
}
.login-remember {
	display: none !important;
}
#divConnexResp {
	display: none;
	box-shadow: 2px 3px 10px 0 rgba(0,0,0,.4);
}
@media (max-width: 1120px){
	#divConnexResp {
		display: none;
		position: relative;
		 top: -47px;
		margin: auto;
		background-color: #EDEBEC;
		color: black;
		padding: 15px;
		z-index: 14;
		width: 320px;
	}
}
@media (min-width: 1121px) {
	#divConnexResp {
		display: none;
		position: absolute;
		top: 90px;
		right: 43px;
		background-color: #EDEBEC;
		padding: 15px;
		width: 320px;
		box-shadow: 2px 3px 10px 0 rgba(0,0,0,.4);
		z-index: 14;
	}
}
@media (max-width: 340px){
	#divConnexResp {
		width: 300px;
	}
}
#divConnex {
	display: none;
	position: absolute;
	top: 90px;
	right: 43px;
	background-color: #EDEBEC;
	padding: 15px;
	width: 320px;
	box-shadow: 2px 3px 10px 0 rgba(0,0,0,.4);
	z-index: 14;
}
#divConnex aside, #divConnexResp aside {
	color: #434142;
	float: right;
	font-size: 25px;
	cursor: pointer;
}
#headerRight, #headerRightLogged {
	cursor: pointer;
	z-index: 8;
}
.fa-angle-down, .fa-angle-up {
	position: absolute;
	top: 22px;
	right: 83px;
	color: white;
	font-size:28px;
}
@media (max-width: 1421px) {
	#fa-id {
		right: 50px;
	}
}
@media (max-width: 1250px) {
	#fa-id {
		right: 36px;
	}
}
@media (max-width: 1120px) {
	#fa-id {
		top: 21px;
		left: 200px;
	}
}
#div-menu-logged {
	display: none;
	margin-top: 10px;
	height: 1500%;
}
#menu-menu-logged a {
	background-color: #414141;
	text-shadow: none;
	color: white;
}
#menu-menu-logged a:hover {
	color: rgb(20, 153, 87);
}

#menu-menu-logged ul{
	z-index: 11;
	background-color: #414141;
	margin-top: 11px;
	min-width: 290px;

}
#menu-menu-logged li {
	float: none;
}
@media (max-width: 767px){
	#menu-menu-logged li {
		max-width: 237px;
	}
}
#divConnex article, #divConnexResp article {
	width: 270px;
}
#divConnex article a.link-demandez, #divConnexResp article a.link-demandez {
	cursor: pointer;
	color: #00A85B!important;
	font-weight: bold;
	text-decoration: none;
}
#divConnex article input, #divConnexResp article input {
	/*height: 20px;*/
	width: 270px;
	margin-bottom: 7px;
	display: block;
	font-style: normal;
	text-align: center;
	line-height: 29px;
	/*color: #FFF!important;*/
	color: black;
	background-color: #FAFFBD;
	width: 280px;
	border: none;
}
#divConnex article input#wp-submit, #divConnexResp article input#wp-submit-resp {
	background-color: rgb(20, 153, 87);
	color: white;
}

#divConnex article input#wp-submit:hover, #divConnexResp article input#wp-submit-resp:hover {
	text-decoration: none;
	background-color: #414141;
}

.btnvert {
	display: block;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
	line-height: 29px;
	color: #FFF!important;
	background-color: rgb(20, 153, 87);
	width: 280px;
}
.btnvert:hover {
	text-decoration: none;
	background-color: #414141;
	color: white;
}


/* Bannière */
.wonderpluginslider-container {
	max-width: 1200px !important;
	width: 1200px !important;
}
@media (min-width: 1121px){
	.wonderpluginslider-container {
		margin-top: 50px !important;

	}
}

.wonderpluginslider {
	width: 1200px !important;
}
.amazingslider-nav-1 {
	display: none !important;
}
.amazingslider-img-box-1 {
	z-index: 5;
}
/* text description slider */
/* .amazingslider-description-1 { */
	/* z-index: 5; */
/* } */
.div-contact-bon a {
	/*float: left;*/
	background-color: #FFF;
	color: rgb(20, 153, 87);
	line-height: 25px;
	cursor: pointer;
	/*margin: 0;*/
	/*margin-right: 5px;*/
	/*width: 140px;*/
	text-transform: uppercase;
	text-align: center;
	font-style: normal;
	font-size: 12px;
	display: block;
	padding: 10px;
}
.links-home-under-banniere {
	width: 297px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 25px;
	width: 330px;
	font-weight: bolder;
}
.div-contact-bon a.link-under-banniere-contact {
	color: rgb(20, 153, 87);
}
.div-contact-bon a.link-under-banniere-kit {
	color: #FBA900;
}
.div-contact-bon a.link-under-banniere-bon {
	color: #E10017;
}
@media(max-width: 373px) {
	.links-home-under-banniere {
		width: 274px;
		padding-left: 0;
		padding-right: 0;
		font-size: 11px !important;
	}
	.div-contact-bon {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}
.div-contact-bon a:hover, .div-contact-bon a:focus {
	text-decoration: none;
	background-color: #414141;
	color: white;
}
.div-contact-bon {
	color: white;
	background-color: rgb(20, 153, 87);
	height: 300px;
	padding: 20px 10px 10px 10px;
	text-align: center;
	padding-top: 50px;
}

.div-compteur {
    margin-left: 10px;
	margin-top: 87.5px;
	margin-bottom: 87.5px;
}
.div-compteur-resp {
	display: none;
}
@media (max-width: 991px){
	.div-contact-bon {
		height: 232px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.div-compteur {
		display: none;
	}
	.div-compteur-resp {
		display: block;
	}
}

.div-poub {
	background-color: #EDEBEC;
	height: 300px;
	padding: 0px;
	text-align: center;
}
@media (max-width: 991px) {
	.div-poub {
		height: 144px;
	}
}
@media (max-width: 817px) {
    .div-poub {
        height: 310px;
    }
}
@media (max-width: 520px) {
    .div-poub {
        height: 290px;
    }
}
@media (max-width: 384px) {
    .div-poub {
        height: 280px;
    }
}
@media (max-width: 367px) {
    .div-poub {
        height: 190px;
        padding-top: 10px;
    }
}
@media (max-width: 304px) {
    .div-poub {
        height: 200px;
        padding-top: 10px;
    }
    .div-compteur-resp-min {
        font-size: 10px !important;
    }
    .div-compteur-resp-min span.span-annees-passees {
        font-size: 10px;
    }
}
@media (min-width: 1121px) {
	.div-img-poub {
		padding-left: 0;
	}
}
.img-poubelles {
	width: 120px;
	height: 120px;
    margin-top: 5px;
}
span.span-annees-passees {
	color: gray;
	font-size: 11px;
}
span.counter span {
	color: rgb(20, 153, 87);
	background-color: white;
	margin: 5px;
	padding: 5px;
}
.div-txt-poubelles {
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	height: 45px;
    line-height: 45px;
	text-align: center;
	padding: 0px;
}
.div-txt-poubelles .txt-poubelles-color {
	color: rgb(20, 153, 87);
}
.div-txt-poubelles-abo {
	/*height: 85px;*/
    /*line-height: 85px;*/
}
.div-under-banniere {
	margin: auto;
}
@media (max-width: 1120px){
	.div-txt-poubelles {
		font-size: 12px;
        padding-left: 40px;
        line-height: 36px;
	}
}
.div-compteur-resp-min {
    display: none;
    padding-top: 20px !important;
}
@media (max-width: 817px){
	.img-poubelles {
		display: none;
	}
	.div-txt-poubelles {
		font-size: 13px;
		height: 47px;
		line-height: 47px;
	}
	.div-compteur-resp-min {
		display: block;
	}
	.div-compteur-resp {
		display: none;
	}
}
@media (max-width: 520px) {
    .div-compteur-resp-min {
        padding-top: 0px !important;
    }
}

@media (max-width: 394px){
	.div-txt-poubelles {
		font-size: 11px;
	}
}
@media (max-width: 367px){
	.div-txt-poubelles {
		font-size: 11px;
		height: 30px;
		line-height: 30px;
	}
}
@media (max-width: 364px){
	.div-txt-poubelles {
		font-size: 11px;
		height: 28px;
		line-height: 28px;
	}
}
/* div actu accueil */
.div-acc-posts {
	border-bottom: 1px solid lightgray;
	margin-bottom: 30px;
	padding-bottom: 40px;
}
.div-acc-posts .div-actu-dispo-kit{
	display: flex;
	flex-wrap: wrap;
}
.div-acc-posts .div-actu-dispo-kit .div-acc-post-resp{
	margin-bottom: 20px;
}
@media (max-width: 991px) {
	.div-acc-posts {
		padding-bottom: 0;
	}
}
/* Titre page */
.page-title {
	text-align: center;
	color: rgb(20, 153, 87);
	font-size: 22px;
	text-transform: uppercase;
	margin-bottom: 60px;
}
.page-title:after {
	display: block;
	clear: both;
	content: "";
	position: relative;
	left: 0;
	bottom: 0;
	max-width: 80px;
	height: 1px;
	width: 50%;
	border-bottom: 2px solid #000;
	margin: 0 auto;
	padding: 4px 0px;
}
/* contact*/
@media (max-width: 800px) {
	#nf-form-1-cont {
		width: 100% !important;
	}
}

/* nos partenaires environnement */
#table-env-part td {
	padding-bottom: 20px;
}
/* partenaires européens */
#table-part-europ img {
	max-width: 250px;
}
/* charte collectivités locales partenaires */
.chartediv {
	border: 1px solid lightgrey;
}
/* espace privé des communes partenaires */
article.category-espace-prive-des-communes-partenaires .entry-content {
	margin-top: 40px;
	margin-bottom: 40px;
}
/* article des pages */
#content {
	margin-top: 35px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	/*background-color: #EDEBEC;*/
}
#main-column .page {
	border: none;
}

/* Form contact */
#nf-form-1-cont {
	width: 50%;
	margin: auto;
}
.nf-form-content {
	margin-top: 30px;
}
.nf-form-fields-required {
	font-size: 11px;
}
.nf-field-label label {
	font-size: 13px;
}
#nf-field-13 {
	background-color: rgb(20, 153, 87);
	border: none;
	color: white;
	padding: 5px 10px;
}

/* Home */
@media (max-width: 991px) {
	.div-acc-post-resp {
		margin-bottom: 70px;
	}
}

.img-titre-home {
	max-height: 180px;
	margin-bottom: 20px;
}
@media (min-width: 992px) {
	.img-titre-home {
		height: 180px;
	}
}
.div-acc-post {
	margin: 15px;
	text-align: center;
}
.div-acc-post a:focus, .div-acc-post a:hover {
	text-decoration: none;
	color: white;
	box-shadow: 0 4px 10px 0 rgba(0,0,0,.2), 0 4px 20px 0 rgba(0,0,0,.19);
}
.div-acc-post p {
	margin-bottom: 30px;
}
.title-acc {
	margin: 15px;
	font-size: 18px;
	text-align: center;
	color: #00A85B;

}
.link-home {
	padding: 10px;
	background-color: #00A85B;
	color: white;
}
.div-presentation-home {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 85px;
	font-size: 23px;
}
@media(max-width: 991px){
	.div-presentation-home {
		font-size: 18px;
	}
}
#dispo-coll, #kit-com {
	position: relative;
	top: -100px;
}

/* Footer */
footer {
	margin-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
	/*margin-top: 50px;*/
}
.footer-home {
    margin-top: 50px;
}
@media (min-width: 1120px) {
	footer {
		max-width: 1200px;
	}
	.div-under-banniere {
		width: 1200px;
	}
}
footer .footer-div {
	background-color: #414141;
	height: 92px;
	width: 100%;
	text-align: center;
}
footer ul#footer-infos {
	position: relative;
	list-style: none;
	width: 50%;
	margin: auto;
	height: 10px;
	padding-left: 0;
}
footer ul#footer-infos li {
	display: inline-block;
	width: 33%;
}

@media (max-width: 772px) {
	footer ul#footer-infos {
		width: 70%;
	}
}
@media (max-width: 556px) {
	footer ul#footer-infos {
		width: 100%;
	}
}

footer #footer-infos li {
	float: left;
	/*display: block;*/
	/*position: relative;*/

}
footer #footer-infos li a {
	color: #B1B1B1;
	position: relative;
	display: block;
	padding: 10px 15px;
	font-size: 12px;
	font-weight: 700;
}
@media (max-width: 860px){
	footer #footer-infos li a {
		font-size: 10px;
	}
}
@media (max-width: 394px) {
	footer #footer-infos li a {
		padding: 10px 5px;
	}
}
footer .footer-div .div-info-contact {
	margin-top: 15px;
	color: #B1B1B1;
	font-size: 12px;
	font-weight: 700;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 1037px){
	footer .footer-div .div-info-contact {
		font-size: 10px;
	}
}
@media (max-width: 450px){
	footer .footer-div .div-info-contact {
		margin-top: 5px;
	}
}
@media (max-width: 300px){
    footer .footer-div {
        height: 116px;
    }
}
footer .footer-div .div-info-contact a {
	color: #B1B1B1;
}
footer .div-footer-logo {
	text-align: center;
	padding-top: 3px;
}
footer .div-footer-logo .img-ministere {
	margin-left: 10px;
	width: 125px;
}
@media (max-width: 760px) {
	footer .div-footer-logo img {
		height: 102px;
	}
}
@media (max-width: 731px) {
	footer .div-footer-logo img {
		height: 82px;
	}
}
@media (max-width: 522px) {
	footer .div-footer-logo img {
		height: 62px;
	}
}
@media (max-width: 500px) {
	footer .div-footer-logo .img-ministere {
		margin: auto;
		margin-top: 15px;
	}
	footer .div-footer-logo img {
		height: 82px;
		display: block;
		margin: auto;
	}
}

/* Modal search*/
#myModal {
	opacity: 1;
	background-color: rgba(0,0,0,0.5);
	cursor: pointer;
}
.modal-dialog{
	margin-top: 100px;
}
.modal-backdrop {
	display: none;
}
.navbar-form .form-group {
	width: 100%;
}
.navbar-form .form-control {
	width: 100% !important;
	text-align: center;
}
.div-nav-2 .span-search-logo {
	top: 15px;
	left: 17px;
	font-size: 20px;
}
.div-modal-logo .span-search-logo{
	top: 8px;
	left: 16px;
}
/*OVERLAY*/
#overlay, .modal {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 13;
	cursor: pointer;
	/*margin-left: 230px;*/
}
#overlayConnexion {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	/*background-color: transparent;*/
	z-index: 13;
	/*cursor: pointer;*/
}
/* mySidenav*/
.home-logo-sidenav {
	display: block;
	width: 100%;
	text-align: center;
}
.search-logo-sidenav {
	text-align: center;
}
.search-logo-sidenav .span-search-logo {
	background-color: black;
	border: none;
	outline: none;
}

#mySidenav{
	/*display: none !important;*/
	z-index: 14;
}
@media (min-width: 1121px) {
	#mySidenav, #overlay {
		display: none;
	}
}
#mySidenav .close-btn-side {
	color: white;
	right: 25px;
	font-size: 28px;
	position: absolute;
	text-decoration: none;
}
.sidenav {
	height: 100%; /* 100% Full-height */
	width: 0; /* 0 width - change this with JavaScript */
	position: fixed; /* Stay in place */
	z-index: 5; /* Stay on top */
	top: 0;
	left: 0;
	background-color: black; /* Black*/
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 10px; /* Place content 60px from the top */
	transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
.sidenav .navbar-nav .open .dropdown-menu {
	/*position: static;*/
}
.sidenav .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	 background-color: black;
}
.sidenav a {
	text-transform: capitalize;
}
.sidenav .glyphicon-home {
	color: rgb(20, 153, 87);
}
.sidenav .menu-menu-1-container {
	margin-top: 10px;
}
.sidenav #menu-menu-1 {
	margin-left: 10px;
}
.sidenav #menu-menu-1 li {
	font-size: 13px;
}
.sidenav #menu-menu-1 a {
	color: #ffffff;
}
.sidenav #menu-menu-1 a:focus {
	background-color: #000000 !important;
}
.sidenav #menu-menu-1 a:hover {
	color: rgb(20, 153, 87);
	background-color: #000000 !important;
}

.sidenav #menu-menu-1 li {
	float: none;
}
.sidenav #menu-menu-1 .menu-item .dropdown-menu {
	background-color: black;
	/*display: none;*/
}
.sidenav #menu-menu-1 .menu-item .dropdown-menu>.active>a {
	/*background-color: black !important;*/
	/*color: #00A75F !important;*/
}
.sidenav #menu-menu-1 .nav .open>a,
.sidenav #menu-menu-1 .nav .open>a:focus,
.sidenav #menu-menu-1 .nav .open>a:active
{
	background-color: #000000 !important;
}
.sidenav #menu-menu-1 li.open:active {
	background-color: #000000 !important;
}
.sidenav #menu-menu-1 .dropdown-menu>li>a:hover{
	background-color: #000000 !important;
}
.sidenav #menu-menu-1 .nav>li>a:hover{
	background-color: #000000 !important;
	color: rgb(20, 153, 87);
}
@media (max-width: 1120px){
	.navbar-toggle {
		display: block;
	}
}
@media (max-width: 1120px){
	.main-navigation {
		display: none !important;
	}
	.wonderpluginslider-container {
		width: auto !important;
	}
	.wonderpluginslider {
		width: auto !important;
	}
	.sidenav .navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}
/* btn nav resp */
.bar1, .bar2, .bar3 {
	width: 35px;
	height: 5px;
	background-color: white;
	margin: 6px 0;
	transition: 0.4s;
}

.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
	transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-8px, -8px);
}
#idBut{
	display: none;
	z-index: 12;
	top: 37px;
	right: -25px;
	position: fixed;
	background-color: rgba(20, 153, 87, 0.6);
	padding: 10px 15px;
	/*border: 1px solid darkgrey;*/
}
.divBut{
	cursor: pointer;
	/*right: 0;*/
	/*top: 0;*/
	position: fixed;
	margin-right: 40px;
	margin-top: 40px;
}
@media (max-width: 1120px){
	#idBut {
		display: block;
	}
	.homeImgResp {
		/*height: 416px;*/
	}
	#main h3 img {
		display: none;
	}
}
 /* tables pages resp */
#table-coll-mob-resp {
	display: none;
	margin-bottom: 300px;
}
#table-charte-resp {
	display: none;
	margin: auto;
	margin-bottom: 150px;

}
#table-charte, #table-part-europ {
	margin: auto;
}
#table-commun-resp {
	display: none;
	margin-bottom: 200px;
}
@media (max-width: 938px) {
	#table-coll-mob-resp {
		display: block;
	}
	#table-coll-mob-resp, #table-coll-mob-resp h3 {
		text-align: center;
	}
	#table-coll-mob-resp td {
		padding-top: 40px;
	}
	#table-coll-mob {
		display: none;
	}
	#table-charte {
		display: none;
	}
	#table-charte-resp {
		display: block;
	}
	#table-charte-resp td {
		height: 80px !important;
	}
	#table-env-part {
		font-size: 10px;
	}
	#table-part-europ img {
		max-width: 100px;
	}
	#table-commun-resp {
		display: block;
	}
	#table-commun {
		display: none;
	}
}
article .entry-content h3 {
	font-size: 20px;
}

/* search pahe custom */
.h1-search a {
	color: #00A85B;
	font-size: 27px;
	text-transform: capitalize;
}
.page-title:after {
	color: #00A85B;
}
.page-header {
	border: none;
}
#main-column .post, #main-column .page {
	border: none;
}
.page-title:after {
	border-bottom: 2px solid #00A85B;
}
#comments {
	display: none;
}

/* widgets home */
@media (max-width: 991px) {
	.widgets-acc {
		padding-top: 5px;
	}
}
.tp_recent_tweets {
	max-height: 300px;
	overflow: auto;
	border-left: 5px solid #1DA1F2;
    margin-top: 20px;
    margin-bottom: 50px;
}
.widget-title-twitter {
	text-align: center;
	margin-bottom: 30px;
}
.widget-title-twitter a {
	color: #1DA1F2;
	text-align: center;
	text-decoration: none;
}
.tp_recent_tweets li a {
	color: #1DA1F2;
}
@media (max-width: 991px) {
    .div-fb-home {
        width: 100%;
        margin-left: 15px;
        padding-left: 0px;
    }
    .div-title-twitter-resp {
        display: none;
    }
}
.div-fb-home {
    border-left: 5px solid #405D9A;
    margin-top: 20px;
    height: 300px;
    text-align: center;
}
.div-fb-home span {
    margin: 0 auto;
    margin-top: 50px;
    display: inherit !important;
}
.title-fb, .title-twitter, .title-insta {
    text-align: center;
}
.title-fb a {
    color: #405D9A;
    text-decoration: none;
}
.fb_iframe_widget_fluid {
	display: inline-block !important;
}
.title-twitter a {
    color: #1DA1F2;
    text-decoration: none;
}
.div-title-instagram-resp{
	border-left: 5px solid rgb(233, 75, 100);
	margin-bottom: 3rem;
}
.title-insta a{
	color: rgb(233, 75, 100);
}
@media (min-width: 992px) {
    h2.widgettitle, .widget-title-twitter {
        display: none;
    }
}
@media (max-width: 374px) {
    .div-fb-home, .tp_recent_tweets {
        border-left: none;
    }
    .div-fb-home {
        margin-top: 0;
        margin-left: 0;
    }
    .widgets-acc {
        padding-left: 0;
    }
    .tp_recent_tweets ul {
        padding-left: 10px;
    }
}
/* cartes communes */
.div-villes {
    height: 600px;
    margin-bottom: 50px;
    margin-top: 50px;
}
h1.title-communes {
    margin-bottom: 50px;
    margin-top: 10px;
}
.form-control-ville {
	width: 50%;
	margin: auto;
	text-align: center;
}
.form-control-ville:focus {
	border-color: rgb(20, 153, 87);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,167,95,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,167,95,.6);
}
.btn-search-ville {
	outline-color: rgb(20, 153, 87) !important;
	display: block;
	margin: auto;
	margin-top: 10px;
}
.glyphicon-search-ville {
	font-weight: 800;
	color: rgb(20, 153, 87);
}
#div-filter-map {
	margin-top: 20px;
}
.links-filter-map {
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	width: 140px;
	background-color: #00A75F;
	padding: 5px;
	color: white;
	border-radius: 15px;
}
.link-excel {
	text-align: center;
	cursor: pointer;
	display: inline-block;
	width: 215px;
	padding: 5px;
	color: #00A75F;
	text-decoration: underline;
}
@media (max-width: 582px) {
	.link-excel {
		margin-top: 10px;
		text-align: left;
	}
}
.link-excel:hover, .link-excel:focus {
	color: #00A75F;
}
.links-filter-map:hover, .links-filter-map:focus {
	text-decoration: none;
	color: white;
}

#filter-ports {
	margin-left: 10px;
	margin-right: 10px;
}
@media (max-width: 366px) {
	#filter-ports {
		margin-top: 10px;
		margin-left: 0px;
	}
}

video{
	width: 100%;
	height: auto;
	max-width: 750px;
	max-height: 750px;
}
.div-espacenat{
	margin-top: 3rem;
}
.div-espacenat h2{
	margin-bottom: 2rem;
}
.div-espacenat .p-counter{
	text-align: center;
	font-size: 1.8rem;
}
.div-espacenat .p-counter span{
	font-weight: bold;
	color: #00A85B;
}
.dechets_links{
	width: 340px;
}
.filter-map-communes{
	background-color: #FD7668;
}
.filter-map-ports{
	background-color: #1B1F68;
	color: white;
}
/* .links-filter-map:hover, .filter-selected { */
.filter-selected {
	background-color: grey;
	/*text-decoration: line-through;*/
}