/* ==============================
   ADD
   ============================== */

body {
  width:100%;
  margin:0;
  padding:0;
  font-family: 'Raleway', sans-serif;
  background: #fcfcfc;
}

#container {
	padding-top:380px;
	margin: 0 auto;
	max-width: 890px;
}

p {
	text-align: center;
}

.content_top-menu {
	width : 100%;
	margin: 0 auto;
	background-color : #FFF;
}

.toggle,
[id^=drop] {
	display: none;
}


#top-bar-HH {
	position:fixed;
	background-color : #FFF;
	height:40px; 
	width:100%;
	z-index: 1000;
}

#navy { 
	margin:0;
	padding: 0;
	background-color: #21262a;
	position: fixed;
	width: 100%;
	box-shadow: 0 0 2px rgba(0,0,0,.2);
	top:40px;
	height:98px;
/*	height:123px;*/
	z-index: 1000;
}

#logo {
	display: block;
	padding: 5px 30px;
	float: left;
	font-size:20px;
	line-height: 60px;
}

#title {
	z-index:10000;
}
	
#title .logo {
	width: 190px;
	/*margin-left: 25px;*/
	margin-top: 5px;
}

#sous-titre {
	visibility: visible;
	/*margin-left: 26px;*/
	margin-top: 6px;
	line-height: 22px;
	font-size: 13px;
	color: #ffffff;
}

.last-item_right{
	text-align:right;	
	float:right;
	
}

a {
    text-decoration: none;
}


/* Giving a background-color to the nav container. */

#top-bar-HH a:hover{opacity:0.5 !important}



/* Media Queries
-------------------------------------------- */
@media all and (min-width : 1350px) {
	.offset-top {		
		height: 200px;		
		width: 100%;
		}
	
	.position-menu{
		position: absolute;
		bottom: 0;
		width: 1170px;
		margin-right: auto;
		margin-left: auto;
		}
	}
	
@media all and (max-width : 1350px) {
	.offset-top {		
		height: 200px;
		width: 100%;
	}
	
	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}
	.position-menu{
		text-align:center;
		background-color: #21262a;
		box-shadow: 0 2px 0 rgba(0,0,0,.1);
	}

	}
		


@media all and (min-width : 1000px) {
	.active-link {
		font-weight: bold;
		color: white;
		}
	}

@media all and (max-width : 1000px) {

	.offset-top {
    height: 163px;
    width: 100%;
}
	#logo {
    display: block;
    padding: 0;
    width: 100%;
    text-align: center;
    float: none;
    margin-bottom: -43px;
}

	
	.active-link {
	font-weight: bold;
	color: white;
	font-size: 13px;
}
	

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
	display: block;
	background-color: 777777;
	padding: 4px 20px;
	color: #FFF;
	font-size: 13px;
	text-decoration: none;
	border: none;
	text-align: left;
	/*text-transform: uppercase;*/
	}



	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

}


@media all and (max-width : 330px) {
}