@charset "UTF-8";
* {
  box-sizing: content-box;          
}

/*
#menu-btn{
	position: relative;
	float: right;
	margin-right: 15px;
	padding: 9px 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	border-color: #333;
}

#menu-btn:hover{
	background-color: #333;
}

#menu-btn .icon-bar{
	background-color: #fff;
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}
#menu-btn .icon-bar:not(:first-child){
	margin-top: 4px;
}
*/
#menu-bar{
	
    background-color: rgb(0, 0, 0); /* alternative solide */
    background-color: rgba(0, 0, 0, 0.85);
	
	color: #fff;
	z-index: 1002;
}
.left-shadow-overlay{
	/*box-shadow: 10px 0 15px 10px #585858;*/
}
/*
#menu-bar h3{
	background-color: #2E2E2E;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
}
*/

#menu-bar ul, #menu-bar li {
	list-style:none;
}



#menu-bar ul {
	padding-left:10px;
	padding-right:10px;
	padding-top:30px;
	
	}

#menu-bar ul ul{
	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
	
	}
	
#menu-bar ul li{
	padding: 10px;
	padding-left:30px;
	font-size:14px;
	border-bottom: solid 1px #333;
}



@media only screen and (max-width: 640px){
	.navbar-inverse .navbar-nav>li {
		text-align:center;
	}
}
	
#menu-bar ul li a{
	display: block;
}

#menu-bar ul ul li{
	font-size:12px;
	padding-left:4px;
	border-bottom:0;
}

#menu-bar ul ul li a{
	background:url(../images/square.png) 0px 4px no-repeat;
	padding-left:18px;
}

#menu-bar ul ul li a:hover{
	background:url(../images/square_full.png) 0px 4px no-repeat;
}

#menu-bar a{
	/*border-bottom: 1px solid #D8D8D8;*/
	color: #fff;
	font-weight: 300;
	text-decoration: none;
	letter-spacing:2px;
}
#menu-bar a:hover{
	/*background-color: #D8D8D8;*/
}


#menu-bar a.accueil{
	background:url(../images/pictohome.png) no-repeat;
	width:20px;
	height:20px;
}

#menu-bar a.accueil:hover{
	background:url(../images/pictohomeover.png) no-repeat;
}

#menu-bar a.fbm{
	background:url(../images/fb_icon.png) no-repeat;
	width:20px;
	height:20px;
}

.navbar-nav a.fbm{
	background:url(../images/fb_icon_b.png) no-repeat center center;
	width:20px;
	height:20px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}



#menu-bar .handle{
	/*background-color: #2E2E2E;
	background-color: #fff;*/
	background-color:transparent;
  left: -50px;
  padding: 10px 8px;
  padding-top:33px;
  position: absolute;
  top: 0px;
  /*width: 20px;*/
  cursor: pointer;
  /*margin-top: -20px;*/
	/*-moz-transition: 200ms ease all;
	-webkit-transition: 200ms ease all;
  -o-transition: 200ms ease all;
  transition: 200ms ease all;*/
}
#menu-bar .handle:hover{
  /*left: -46px;
  width: 30px;*/
}
/*
#download-bar{
	background-color: #E6E6E6;
	padding: 10px;
	box-shadow: -10px 0 15px -6px #585858 inset;
}

#download-bar div.well{
	margin-top: 10px;
}

.side-panel{
	background-color: #E6E6E6;
	padding: 10px;
}

.side-panel-left{
	box-shadow: -5px 0 15px -6px #585858 inset;
}
.side-panel-left-overlay{
	box-shadow: -10px 0 15px 10px #585858;
}
.side-panel-right{
	box-shadow: 5px 0 15px -6px #585858 inset;
}

.jumbotron{
	margin-bottom: 0px;
}

.navbar{
	border-radius: 0px;
	margin-bottom: 0px;
}

section{
	padding-top: 20px;
}

section:last-child{
	margin-bottom: 30px;
}
#sample-1-btn{
	margin-bottom: 10px;
}

#sample-1 .panel{
	margin-top: 10px;
}

footer{
	padding: 20px;
	margin-top: 30px;
	background-color: #eee;
	color: #333;
	border-top: 1px #ccc solid;
}
*/


.navbar-inverse{
	background:transparent;
    /*height: 100vh !important;*/
}


.navbar-inverse .container{
    /*height: 100vh !important;*/
}
	
.navbar-collapse{
	background:#fff;
}
.navbar-collapse {
    /*height: 100vh !important;*/
}
.navbar-inverse .navbar-collapse {
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #ccc;
    height: 100vh !important;
    min-height: 100vh !important;
}

.navbar-nav a {
	font-size:17px;
}

.navbar-toggle {
	margin-top:18px;
}