@media (min-width: 1085px) {
	.right_bar {
		text-align: right;
		position: fixed;
		top: 25%;
		width: 34px;
		padding: 0;
		right: 0;
		.btn {
			float: none;
			padding: 8px 11px 6px 13px;
			border-radius: 4px 0 0 4px;
			margin-right: 0;
			font-size: 18px;
			margin-bottom: 10px;
		}
		.right_bar--twitter {
			padding: 8px 6px 6px 9px;
		}
		.right_bar--dailymotion {
			padding: 0;
			height: 34px;
			width: 34px;
			img {
				height: 34px;
				width: 34px;
			}
		}
		.right_bar--sondage,
		.right_bar--newsletter {
			background-repeat: no-repeat;
			height: 141px;
			width: 34px;
			display: block;
			padding: 0;
			margin-right: 0;
			float: right;
			border: none;

			text-indent: -10000px;
			&:hover {
				border: none;
				background-repeat: no-repeat;
			}
		}
		.right_bar--newsletter {
			background-image: url(/img/newsletters.png);
			&:hover {
				background-image: url(/img/newsletters.png);
			}
		}

		.right_bar--sondage {
			height: 121px;
			background-image: url(/img/sondage.png);
			&:hover {
				background-image: url(/img/sondage.png);
			}
		}
	}
}
@media (min-width: 992px) {
	body {
		background-size: auto;
	}

	.search_engine {
	}
	.search_engine--body {
		background: transparent;
		min-height: 0;
		float: right;
	}
	.search_engine--collapse {
		display: block;

		background: rgba(148, 18, 34, 0.71);

		.form-control {
			padding: 9px 10px 7px;
			font-size: 12px;
			height: auto;
			border: none;
		}
		.input-group-btn {
			.btn {
				font-size: 12px;
				padding: 9px 11px;
				height: auto;
				border: none;
				margin: 0;
			}
		}
	}

	.header {
		border-radius: 10px 10px 0 10px;
		margin-top: 15px;
		margin-left: 0;
		margin-right: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		height: 85px;
		height: auto;
		position: relative;
		margin-bottom: 150px;

		.btn {
			position: absolute;
			top: 100%;
			right: 0;
			padding: 10px;
			font-size: 14px;
			background: rgba(0, 0, 0, .7);
		}

	}
	.header--logotype {
		max-width: 341px;
		margin-left: 0;
		margin-top: 25px;
	}

	.mairie24 {
		margin: 0;
		li {
			padding: 0;
			margin: 0;
		}
		a {
			padding: 5px 9px;
			font-size: 11px;
			margin: 0;
			font-weight: 600;
		}
	}
	.mairie24--compte_citoyen {
		width: 38%;
		background: rgba(148, 18, 34, 0.71);
		height: 100%;
		position: absolute;
		right: 100%;
		top: 0;
		float: left;
		padding: 0 10px;
		border-right: 1px solid rgba(255, 255, 255, 0.2);
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		a {
			height: 100%;
			padding: 14px 10px 5px;
		}
		.icon {
			text-align: center;
			display: block;
			padding: 10px 10px 7px;
			font-size: 37px;
		}
		.label {
			text-align: center;
			display: block;
			font-size: 11px;
			padding: 0;
		}
	}

	.navigation {
		margin: 0;
	}

	.navigation--body {
		.navbar-nav {
			display: block;
		}
		.navbar-nav > li > a {
			padding: 18px 22px;
			box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.15);
		}
		.navbar-nav > li:first-child > a {
			box-shadow: none;
		}
		.navbar-nav > li.theme-decouvrir-vincennes.open > a,
		.navbar-nav > li.theme-decouvrir-vincennes > a { border:none; border-bottom: 4px solid @green; }
		.navbar-nav > li.theme-culture-sports-loisirs.open > a,
		.navbar-nav > li.theme-culture-sports-loisirs > a { border: none; border-bottom: 4px solid @pink; }
		.navbar-nav > li.theme-famille.open > a,
		.navbar-nav > li.theme-famille > a { border:none; border-bottom: 4px solid @orange; }
		.navbar-nav > li.theme-democratie-locale.open > a,
		.navbar-nav > li.theme-democratie-locale > a { border:none; border-bottom: 4px solid @mauve; }
		.navbar-nav > li.theme-sante-solidarite.open > a,
		.navbar-nav > li.theme-sante-solidarite > a { border:none; border-bottom: 4px solid @blue; }
		.navbar-nav > li.theme-cadre-de-vie.open > a,
		.navbar-nav > li.theme-cadre-de-vie > a { border:none; border-bottom: 4px solid @brown; }
		.navbar-nav > li.theme-economie-commerce.open > a,
		.navbar-nav > li.theme-economie-commerce > a { border:none; border-bottom: 4px solid @gray; }




		.dropdown-menu {
			margin: 0;
			padding: 0;
			border: none;
		}
		margin-bottom: 30px;
		.yamm-content {
			padding: 20px 35px;
			a {
				padding: 13px 5px;
			}
			li,
			li:first-child {
				margin: 0;
				border: none;
			}
		}
		.change-img {

			position: relative;
			img {
				position: absolute;
				top: 0;
				left: 0;
			}
		}
		.btn {
			background: none;
			box-shadow: none;
			float: right;
			border: none;
			font-size: 21px;
			color: white;
			padding: 18px 15px 17px;
			background-color: lighten(rgba(148, 18, 34, 0.71), 10%);
			border-bottom: 4px solid rgba(107, 12, 23, 0.84);
			border-radius: 0;

			&.active,
			&:hover {
				background: rgba(148, 18, 34, 0.71);
			}
		}
	}

	.panel-heading a {
		padding: 15px;
		display: block;
		margin: -15px;
	}
	.panel-body .nav > li > a {
		padding: 4px 0;
		font-size: 13px;
	}
	.footer {
		font-size: 13px;
		.coordonees {
			text-align: left;
			address {
				font-size: 13px;
			}
		}
		h4 {
			margin-top: 0;
		}
	}
	.footer--logotype {
		padding: 10px 0;
	}
	.footer--website_infos {
		padding-top: 20px;
		li {
			text-align: right;
			display: block;
			margin: 0;
		}
		a {
			font-size: 13px;
		}
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.navigation--body .navbar-nav > li > a {
		font-size: 12px;
		padding: 18px 16px;
	}
	.right_bar--twitter {
		margin-right: 10px;
	}
	#search_engine--toggle {
		display: block;
	}
}

@media (max-width: 992px) {
	.container {
		width: 100%;
	}
}
@media (min-width: 1200px) {
	.footer--logotype {
		float: left;
		padding: 25px 25px 25px 0;
	}
}

@media (min-width: 321px) and (max-width: 991px) {
	.right_bar--twitter {
		margin-right: 10px;
	}
	.header--logotype {
		margin: 9px 0;
		height: 34px;
		width: auto;
	}
}
