

/* HEADER
--------------------------------------------------------------------- */
.header {
	/*background: rgba(0,0,0,.6);*/
	position: relative;
	a {
		color: white;
	}

	.btn {
		padding: 15px;
		font-size: 21px;
		border-left: 1px solid rgba(255,255,255,.25);
		margin: 0;
		float: right;
		color: white;
		background: transparent;
		border-radius: 0;
		transition: all .2s;
		&:hover, &.active {
			background: rgba(0, 0, 0, 0.5);
		}
	}
}
.header--logotype {
	width: 120%;
	height: auto;
	margin-top: 13px;
	margin-left: -5px;
}



/* SEARCH ENGINE
--------------------------------------------------------------------- */
.search_engine--body {
	background: rgba(0,0,0,.8);
	border: none;
	border-radius:4px;
	overflow: hidden;
}
.search_engine--collapse {
	padding: 0 0 0 10px;
	.input-group {
		padding: 11px 0 8px 0;
	}

}


/* NAVIGATION
--------------------------------------------------------------------- */
.navigation {
	margin: 0 -15px;
	a {
		color: #fff;
		text-shadow: none;
		&:hover {
			text-decoration: none;
		}
	}
}
.navigation--body {
	border: none;
	min-height: 0;
	margin-bottom: 0;
	min-height: 0;

	background-color: rgb(230,230,230);
	border-radius: 4px;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.31);


	.nav .open>a,
	.nav .open>a:hover,
	.nav .open>a:focus {
		background-color: rgba(0, 0, 0, 0.2);
	}
	.nav {
		width: auto;
		margin: 0 -15px;
		& > li > a {
			color: #444;
			text-align: left;
			padding-top: 20px;
			padding-bottom: 19px;
			padding-left: 20px;
			border-bottom: 1px solid rgba(255, 255, 255, 0.1);
			font-weight: bold;
			font-size: 14px;
			outline: none;
			margin-bottom: 0;
			&:active,
			&.active,
			&:focus,
			&:hover {
				background-color: rgba(0, 0, 0, 0.2);
				outline: none;
				border-bottom: 1px solid rgba(255, 255, 255, 0.1);
			}

		}

	}
	.dropdown-menu {
		float: none;
		position: static;
		margin: 0;
		border: 0;
		padding: 0;
		border: none;
		border-radius: 0;
	}

	&.yamm .yamm-content {
		padding: 0;
		.row {
			padding: 0;
		}
		li:first-child {
			border-top: 1px solid rgba(255, 255, 255, 0.1);
		}
		li {
			border-bottom: 1px solid rgba(255, 255, 255, 0.05);
			background: rgba(0,0,0,.5);
			&:hover {
				background: rgba(0,0,0,.75);
			}
		}
		a {
			display: block;
			font-size: 13px;
			padding: 16px 20px;
		}
	}
}



/* PROCEDURES
--------------------------------------------------------------------- */
.procedures {
	margin: 20px 0;
	padding: 0;
	.navbar-toggle {
		margin: 0;
	}

	.cont-h3 {
		.borderRadius();
		position: absolute;		
		top: -22px;
		left: -137px;
		z-index: 2;
		h3 {
			padding:0;
			margin:0;
			font-size:17px;
		}
	}
	a {
		color: white;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		&:first-child {
			border: none;
		}
		&:hover {
			background: rgba(0, 0, 0, 0.1);
			text-decoration: none;
		}
	}
}
.procedures--header {
	.btn {
		float: right;
		padding: 13px 15px;
		color: white;
		background: rgba(194, 23, 44, 0.71);
		border: none;
		&.active,
		&:hover {
			border: none;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
			background: darken(rgba(194, 23, 44, 0.71), 10%);
		}
	}
}
.procedures--body {
	background: #d72a84;
	ul {
		overflow:hidden;
		list-style: none;
		padding-top:10px;
		padding-left: 0;
		padding-bottom:2px;
		
	}
	li {
		&:first-child {
			border: none;
		}
		
		
	}
	.fa-caret-right {
		padding: 0 7px 0 0;
	}
	a {
		display: block;
		padding: 15px;
		color: white;
		&:first-child {
			border: none;
		}
		&:hover {
			background: rgba(0, 0, 0, 0.1);
			text-decoration: none;
		}
	}
}
/* HACK module	
	--------------------------------------------------------------------- */
	
	.nav-tabs>li.see-all {
		display:none;
	}

/* EVENTS
--------------------------------------------------------------------- */
.events .carousel-caption, .carousel-control  {
	display:none;
}
.events--list {
	margin-top:-15px;
	.list-group {
		margin-bottom: 0;
	}
}



/* NEWS
--------------------------------------------------------------------- */
.news--big {
	h4 {
		margin-top: 0;
	}
	p:last-child {
		margin-bottom: 0;
	}
	.pull-left {
		margin-right: 10px;
	}
}
.news--small {
	.list-group {
		margin-bottom: 0;
	}
	.list-group-item {
		padding: 7px 11px;
	}
}

/* RIGHT COLUM
--------------------------------------------------------------------- */

.good_to_know {
	display:block;
	overflow:hidden;
	margin-bottom:20px;
}


/* RIGHT BAR
--------------------------------------------------------------------- */
.right_bar {
	position: static;

	.btn {
		color: white;
		margin-bottom: 10px;
		margin-right: 8px;
	}
}
.right_bar--newsletter,
.right_bar--sondage  {
	width: 100%;
	padding: 16px 12px;
	font-size: 15px;
}	
.right_bar--newsletter {
	background: #1d98b2;
	&:hover {
		background: darken(#1d98b2, 10%);
	}
}
.right_bar--sondage {
	background: #d57b2b;
	&:hover {
		background: darken(#d57b2b, 10%);
	}
}
.right_bar--facebook,
.right_bar--twitter,
.right_bar--rss {
	padding: 16px 22px 14px;
	float: left;
	font-size: 24px;
}
.right_bar--facebook {
	background: #47669c;
	text-align: center;
	margin-bottom: 5px;
	&:hover {
		background: darken(#47669c, 10%);
	}
}
.right_bar--twitter {
	padding: 16px 16px 14px;
	background: #4c9ffc;
	text-align: center;
	margin-bottom: 5px;
	margin-right: 0;
	&:hover {
		background: darken(#4c9ffc, 10%);
	}
}
.right_bar--dailymotion {
	width: 56px;
	height: 56px;
	padding: 0;
	border: 0;
	overflow: hidden;
}
.right_bar--rss {
	padding: 16px 16px 14px;
	background: #d57b2b;
	text-align: center;
	margin-bottom: 5px;
	margin-right: 0;
	&:hover {
		background: darken(#d57b2b, 10%);
	}
}


/* FOOTER
--------------------------------------------------------------------- */
.footer {
	padding: 25px 0 0 0;
	margin-top: 20px;
	background: #124A7F;
	color: white;
	h4 {
		color: #fff;
		padding-bottom: 5px;
	}
	a {
		color: #7DA7D6;
	}
	a:hover {
		color: #CDDFF5;
	}
}
.footer--labels {
	text-align: left;
	img {
		margin: 4px;
	}
}
.footer--address {
	padding-top: 20px;
	a {
		padding-top: 0px;
		display: block;
		text-align: center;
		margin-top: 0px;
		display: inline-block;
		color:#afe9ff;
	}
	p.tel {
		padding-top:7px;
	}
}
.footer--partners {
	padding-top: 20px;
}
.footer--website_infos {
	padding-top: 30px;
	text-align: right;
	li {
		display: inline;
		margin: 0px 11px;
		font-size: 15px;
		padding: 4px 0;
		&:first-child {
			margin-left: 0;
		}
		&:last-child {
			margin-right: 0;
		}
	}
}
