@media (min-width: 1085px) {

	/* RIGHT BAR
	--------------------------------------------------------------------- */
	.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);
			}
		}
		.right_bar--rss {
			padding-left:7px;
			background: #d57b2b;
			text-align: center;
			margin-bottom: 5px;
			margin-right: 0;
			&:hover {
				background: darken(#d57b2b, 10%);
			}
		}
	}
}
@media (min-width: 992px) {

	/* SEARCH ENGINE
	--------------------------------------------------------------------- */
	.search_engine--body {
		background: transparent;
		min-height: 0;
		float: right;
	}
	.search_engine--collapse {
		display: block;
		border-radius: 5px 5px 0 0;
		background: #fff;

		.form-control {
			padding: 6px 7px 6px;
			font-size: 12px;
			height: auto;
			border: none;
			background:#dddddd;
			border-radius: 4px;
    		
		}
		.input-group-btn {
			.btn {
				font-size: 12px;
				padding: 4px 10px;
				height: auto;
				border: none;
				margin: 0;
				.fa-search {
					font-size:21px;
					color:#4e4e4e;
				}
			  
			}
			
		}
	}

	/* HEADER
	--------------------------------------------------------------------- */
	.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: 85px;

		.btn {
			border-radius:0 0 7px 7px;
			position: absolute;
			top: 122px;
			right: 15px;
			padding: 10px;
			font-size: 13px;
			background: #fff;
			color:#d91a80;
			font-weight:700;
		}
		.btn:hover { background:#eee; }
		
		.glyphicon-envelope {
			padding-right:5px;
		}

	}
	.header--logotype {
		max-width: 374px;
		margin-left: 0;
		margin-top: 5px;
	}

	/* PROCEDURES
	--------------------------------------------------------------------- */
	.procedures {
		margin: 20px 0 0 0;

		li {
			padding: 0;
			margin: 0;
		}
		.procedures--body li:first-child {
			border-radius:0 0 0 5px;
		}
		a {
			padding: 3px;
			font-size: 11px;
			margin: 0;
			font-weight: 400;
		}
	}
	.navbar-collapse.collapse {
		border-radius:0 5px 5px 0;
	}
	.procedures--compte_citoyen {
		width: 38%;
		background: #e43891;
		height: 100%;
		position: absolute;
		right: 100%;
		top: 0;
		float: left;
		padding: 0 10px;
		/*box-shadow:0 2px  2px #000;*/
		/*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 {
			display:inline-block;
			text-align: right;
			font-weight:normal;
			font-size: 14px;
			margin-top:10px;
			padding: 0 0 0 5px;
		}
		.icon-user { 
			text-align:left; 
			display:inline-block;
			
			padding: 0 0 0 2px; 
			img {
				margin-top:-18px;
			}
		}
	}


	/* NAVIGATION
	--------------------------------------------------------------------- */
	.navigation {
		margin: 0;
		margin-bottom: 30px;
	}

	.navigation--body {
		background:#e9e9e9;
		color:#fff;
		.navbar-collapse {
			padding: 0;			
		}
		.nav {
			display: table;
			width: 100%;
			padding: 0;
			margin: 0;
			border-radius:5px;
			overflow:hidden;
			ul {
				padding: 0;
			}
		}
		.nav-justified > li {
			vertical-align: middle;
			text-align: center;
			padding: 0;
			width: auto;
		}
		.nav > li > a {
			
			padding: 20px 10px;
			font-size: 14px;
			text-align: center;
			&:before {
				display: inline-block;
				/*font-family: FontAwesome;*/
				font-style: normal;
				font-weight: normal;
				line-height: 1;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				/*content: "\f111";*/
				/*font-size: 9px;*/
				margin-right: 5px;
				margin-top: -6px;
			}
		}
		.nav > li > a:hover,
		.nav > li > a:active,
		.nav > li > a:focus,
		.nav > li > a {
			border: none;
			box-shadow: none;
			background: rgba(0, 0, 0, 0);
		}
		.nav > li > a:hover {
			background: rgba(0, 0, 0, 0.1);
		}
		.nav > li:first-child > a {
			border: none;
		}
		.nav > li,
		.nav > li.open {
			border: none;
			border-right: 4px solid rgba(0, 0, 0, 0.05);
			&:last-child {
				border: none;
			}
		}

		.dropdown > .dropdown-menu {
			margin: 0;
			padding: 0;
			border: none;
			position: absolute;
			top: 100%;
		}

		&.yamm .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);
			}
		}
	}
	.aside {
		margin-left: 15px;
	}
	


	/* RIGHT BAR	
	--------------------------------------------------------------------- */
	.right_bar--dailymotion,
	.right_bar--twitter {
		margin-right: 0;
	}

	/* HACK module	
	--------------------------------------------------------------------- */
	.events .carousel-caption, .carousel-control  {
		display:block;
	}

	.nav-tabs>li.see-all {
		display:block;
	}

	/* FOOTER
	--------------------------------------------------------------------- */
	.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: 22px;
		li {
			text-align: center;
			display: inline-block;
			margin: 0;
			padding:0 16px;
		}
		a {
			font-size: 13px;
			color:#85bbd6;
		}
	}
	.footer2 {
		padding:20px 0;
		background: #123d66;
		img { margin-right:15px; }
	}
	.footer3 {
		text-align:right;
		color:#333;
		padding:10px 0;
		background: #fff;
		img {
			margin-left:10px;
		}
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	/* SEARCH ENGINE
	--------------------------------------------------------------------- */
	#search_engine--toggle {
		display: block;
	}


	/* NAVIGATION
	--------------------------------------------------------------------- */
	.navigation--body .nav > li > a {
		font-size: 12px;
		padding: 18px 4px;
	}


	/* RIGHT BAR	
	--------------------------------------------------------------------- */
	.right_bar--twitter {
		margin-right: 10px;
	}
}


@media (min-width: 1200px) {
	/* FOOTER	
	--------------------------------------------------------------------- */
	.footer--logotype {
		float: left;
		padding: 25px 25px 25px 0;
	}
}

@media (min-width: 321px) and (max-width: 991px) {
	/* HEADER	
	--------------------------------------------------------------------- */
	.header--logotype {
		margin: 9px 0;
		max-height: 35px;
		width: auto;
		max-width: 120%;
	}

	/* RIGHT BAR	
	--------------------------------------------------------------------- */
	.right_bar--twitter {
		margin-right: 10px;
	}

}
@media (max-width: 991px) {

	/* NAVIGATION	
	--------------------------------------------------------------------- */
	.nav-justified > li {
		display: block;
		width: auto;
	}
}
