/***************************************************************/
/*					NAVS LEFT							   */
/**************************************************************/
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    /*padding-left: 350px;*/
    padding-left: 50px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 350px;
    width: 50px;
    height: 100%;
    margin-left: -350px;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	background:#1B242C;
/* 
background: #1a2127; /* Old browsers 
background: -moz-linear-gradient(top,  #1a2127 0%, #2b4257 100%);
background: -webkit-linear-gradient(top,  #1a2127 0%,#2b4257 100%);
background: linear-gradient(to bottom,  #1a2127 0%,#2b4257 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a2127', endColorstr='#2b4257',GradientType=0 );IE6-9 */
/*background:#262826;  #fffbf9 */

}
#sidebar-wrapper .btn,
#wrapper .btn.btn-default.all-formations{
	/*background:#fff;*/
	text-transform:uppercase;
	/*color:#1a2127;*/
	/*margin-left:40px;*/
	}
#wrapper .btn.btn-default.all-formations:before{	
	font-family:fontawesome;
	content:"\f060";
	margin-right:10px;
	}
		
	
/*#sidebar-wrapper .btn.all-cats,
#sidebar-wrapper .btn.btn-advanced-search{
		color:#1a2127;
		border:solid 1px #1a2127;
		}*/
		
/*#sidebar-wrapper .soon,
#sidebar-wrapper .now{
	color:#fff;
	}*/
/*#sidebar-wrapper .btn:hover{
	color:#EF1849;
	border:solid 1px #EF1849;
	}*/
	
.nav-content-container .center-block .btn.btn-default.btn-advanced-search{
	margin:40px 0px 0px 40px !important;
}

.nav-content-container .now, .nav-content-container  .soon{
	font-size:16px !important;
	border:none;
	background:none !important;
	margin-top:-5px !important;
	font-weight: 300 !important;
}

#wrapper.toggled #sidebar-wrapper {
	width: 100%;
	max-width: 350px;
}

#sidebar-wrapper #menu-left-toggle{
   display: block;
   border:none;
   margin: 15px 5px;
   padding: 8px;
   border-radius:0px;
   position: relative;
   z-index: 9;
}
#sidebar-wrapper #menu-left-toggle span.icon-bar{
	background:#fff;	
}

#wrapper.toggled #sidebar-wrapper .nav-content-container{
	display: block;
/* 	margin-top: 50px; */
}
#wrapper #sidebar-wrapper .titre-formation{
	margin-top: 50px;
	line-height: 100%;
	margin-bottom: 15px;
}
#wrapper.toggled #sidebar-wrapper ul.sidebar-nav{
	margin-top: 50px;
}
#page-content-wrapper {
/*     width: 100%; */
    /*position: absolute;*/
    padding: 15px 15px 15px 15px;
}
#wrapper.toggled #page-content-wrapper{
	padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    /*position: absolute;*/
}



/* Sidebar Styles */

.sidebar-nav {
/*     position: absolute; */
/*     top: 0; */
    width: 350px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
    text-transform:uppercase;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #1a2127;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    background: #fff;
    color:#1a2127;
/* 
  background: #1a232b; /* Old browsers 
background: -moz-linear-gradient(left,  #171d22 0%, #2b4257 100%); 
background: -webkit-linear-gradient(left,  #171d22 0%,#2b4257 100%); 
background: linear-gradient(to right,  #171d22 0%,#2b4257 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171d22', endColorstr='#2b4257',GradientType=1 ); /
 */
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #1a232b;
    background: none;
}


/* nav catalogue */
.nav-catalogue .nav-content-container{
	padding-right: 10px;
}

.treemin ul li{
	line-height: 100%;
	margin-bottom: 8px;
}
.treemin ul li a {
		font-size:14px;
		text-transform:uppercase;
		font-weight:300;
		letter-spacing:1px;
}
	.nav-catalogue li.active a, .treeall li.active a.active{
/* 		font-weight: bold; */
	}

	/* Full tree (all cats)*/
	.container-allcats{
		position: fixed;
		z-index: 10;
/* 		top: 35%; */
		left: 0;
		padding-left: 350px;
		max-width: 100%;
		background:rgba(0, 0, 0, 0) linear-gradient(to right, #1B242C 10%, #283D50 100%) repeat scroll 0 0;
		min-width: 100%;
/* 		height:100% */
	}
	.container-allcats a{
		color:#fff;
		font-size:16px;
		font-weight: 300;
		text-transform:uppercase;
		}
	
	.treemin ul li a{
		color:#fff;
		padding-top:10px;}
	
		.treemin ul{
			 background:#1B242C; }
		
		.treeall, .advanced-search{
			min-width: 325px;
			/*border-top: 1px solid #FFF;*/
		}
			.treeall .groupe-cats{
				float: left;
				padding: 10px;
				min-width: 300px;
/* 				border: 1px solid red; */
			}
			.treeall .groupe-cats.nb-cols-1{
				width: 100%;
			}
			.treeall .groupe-cats.nb-cols-2{
				width: 50%;
			}
			.treeall .groupe-cats.nb-cols-3{
				width: 33%;
			}
			.treeall .groupe-cats.nb-cols-4{
				width: 25%;
			}
			.treeall .groupe-cats.nb-cols-5{
				width: 20%;
			}
			
			.treeall .cat{
				height: 20px;
				margin-bottom: 20px;
			}
			.treeall .cat a.active{
/* 				font-weight: bold; */
			}
			
			.treeall .cat .nb-formations {
				/*float: left;*/
				color:#EF1954;
				margin-left: 10px;
				font-size:16px;
				/* 
border :#EF1954 1px solid;
				border-radius:50px;
 */
			}

	/* Recherche avancee */
	
	.toggled .container-advanced-search{
		padding-left: 350px;
	}	
		
	.treemin .nb-formations{
	float:right;
	color:#EF1954;
	font-size:18px;
	/*margin-right:25px;*/
	}


		#sidebar-wrapper .treemin ul li{
			position: relative;
		}
			#sidebar-wrapper .treemin ul li a{
				display: block;
				max-width: 80%;
			}
			#sidebar-wrapper .treemin ul li span{
				position: absolute;
				top: 11px;
				right: 1px;
			}
/****************************************************** nav formation */

/*#wrapper #sidebar-wrapper{
	width: 350px;
}*/
body.Lecons-detail #wrapper #sidebar-wrapper{
	width: 400px;
	max-width: 90%;
}
body.Lecons-detail #wrapper.toggled #sidebar-wrapper, #wrapper.toggled #sidebar-wrapper {
  	width: 50px;
}	
#wrapper.toggled #sidebar-wrapper *{
	display:none;
}
#wrapper.toggled #sidebar-wrapper #menu-left-toggle, #wrapper.toggled #sidebar-wrapper #menu-left-toggle *{
	display: block;
}


.nav-formation{
}
	.nav-formation	.titre-formation{
		font-size: 1.5em;
	}
	@media(max-width:400px) {
		.nav-formation	.titre-formation{
			padding-left: 10px;
		}
	}
	.nav-formation .panel-group{
		margin-bottom: 30px;
	}
	.nav-formation .panel{
		border-radius: 0;
		margin-bottom: 15px;
		border: none;
	}
		.nav-formation .panel a, .nav-formation .panel li.chapitre span.lib-chapitre{
			text-decoration: none;
			color: #686f7a !important;
		}
		.nav-formation .panel a:hover{
			text-decoration: none;
		}
		.nav-formation .panel .panel-heading{
			padding: 0;
			background: none;
		}
		.nav-formation .panel .panel-heading a{
			display: block;
			padding: 10px;
		}
		.nav-formation .panel .panel-heading a .lib-chapitre{
			font-weight: 750;
			font-size: 16px;
		}
		.nav-formation .panel .panel-heading a .lib-lecon{
			font-size: 14px;
		}
		.nav-formation .panel .panel-body{
			padding: 0;
			border: none !important;
		}
			.nav-formation .panel .panel-body ul{
				list-style: none;
				padding: 0;
				margin:0;
			}
				.nav-formation .panel .panel-body ul li{
					display: block;
					font-size: 15px;
					line-height: 100%;
				}
					.nav-formation .panel .panel-body ul li a:not(.doc), .nav-formation .panel .panel-body ul li.chapitre span.lib-chapitre{
						display: block;
						padding: 15px 10px;
						border-top: 1px solid #DDD;
						-webkit-transition-duration: 0s;
    					transition-duration: 0s;
					}
					.nav-formation .panel.lecon .panel-title a:not(.doc){
						display: block;
						padding: 15px 10px;
					}
					.nav-formation .panel .documents{
						padding: 5px 10px 10px 25px;
						line-height: auto;
					}
					.nav-formation .panel .documents p{
						margin-bottom: 5px;
					}
						.nav-formation .panel .documents p a.doc{
							/*max-width: 300px;*/
							display: inline;
						}
					.nav-formation .panel .panel-body ul li a:not(.doc):hover, .nav-formation .panel a:not(.doc):hover{
						background: #f2f3f5;
						-webkit-transition-duration: 0s;
    					transition-duration: 0s;	
					}

					/*.nav-formation .panel .panel-body ul li a:hover, .nav-formation .panel .panel-body ul li.active a, .nav-formation .lecon.active a, .nav-formation .lecon a:hover{*/
					.nav-formation .panel .panel-body ul li.active a:not(.doc), .nav-formation .lecon.active a:not(.doc){
						background: #686f7a;
						color: #FFF !important;
						-webkit-transition-duration: 0s;
    					transition-duration: 0s;
					}
					.nav-formation .panel span.lib-lecon{
						display: block;
						width: 250px;
						float: left;
						-webkit-transition-duration: 0s;
    					transition-duration: 0s;
					}
					@media(min-width:400px) {
						.nav-formation .panel span.lib-lecon{
							width: 300px;
						}
					}
					
					.nav-formation .panel .panel-body ul li.chapitre span.lib-chapitre{
						font-weight: 600;
						-webkit-transition-duration: 0s;
    					transition-duration: 0s;
					}
					.nav-formation .panel span.duree-lecon{
						-webkit-transition-duration: 0s;
    					transition-duration: 0s;
						font-size: 14px;
					}
	/*.nav-formation .panel*/
/*.nav-formation li.chapitre{
	font-weight: 600 !important;
}*/
/*.nav-formation	.nav-content-container{
	position: relative;
}
.nav-formation	.gb-back-catalogue{
	margin-top: 25px;
	width: 100%;
}	*/		
			
/*#sidebar-wrapper .panel, #sidebar-wrapper .panel-default,
#sidebar-wrapper .panel-default > .panel-heading{
	background:none;
	border:none;
	box-shadow:none;
	}*/
/*#sidebar-wrapper .panel a, #sidebar-wrapper .panel-default a,
#sidebar-wrapper .panel-default > .panel-heading a{
	color:#fff;
	}

#sidebar-wrapper .panel-body{
	background:#fff;
	}
	
#sidebar-wrapper .panel-body ul.sub-menu li a{
	color:#262826;
	}
#sidebar-wrapper .nav-formation li{
	list-style:none;
	}

#sidebar-wrapper .titre-formation,
#sidebar-wrapper .nav-content-container h3{
	text-transform:uppercase;
	color:#EF1954;
	font-size:20px;
	}
#sidebar-wrapper .nav-content-container li,
#sidebar-wrapper .nav-content-container h4{	
	font-size:18px;
	color:#fff;
	font-weight:normal;
}
#sidebar-wrapper .nav-content-container .sub-menu li.chapitre span.lib{
   color: #262826;
}

#sidebar-wrapper .titre-formation,
#sidebar-wrapper .nav-content-container h3{
}
#plan-formation-accordion .panel-heading{
	padding: 0;
}
#plan-formation-accordion .panel-body ul.sub-menu{
	padding-left: 10px;
}

.Formations-catalogue #sidebar-wrapper .nav-content-container h4,.Produits-catalogue #sidebar-wrapper .nav-content-container h4{
	margin-top:30px;
	font-size:35px;
	font-weight:lighter;
	margin-left: 10px;
}

.container-allcats h4{
	color:#fff;
	text-transform:uppercase;
	padding: 5px 0px 0px 10px;
	font-size: 20px;
	}
	
.formation-documents ul li{
	margin-left: 25px;
}
	.formation-documents ul li a{
		color: #FFFFFF;
	}
	.formation-documents .btn, .nav-formation .display-commentaires{
		width: 200px;
	}

 


#wrapper.toggled #page-content-wrapper{
	left: 0;
	width: 100%;
}*/


@media(min-width:768px) {
    body #wrapper {
        padding-left: 300px;
    }
    body.Lecons-detail #wrapper, body.Lecons-detail .footer{
    	padding-left: 400px;
    }
    body.Lecons-detail #wrapper:not(.toggled) .footer .container{
    	width: 100%;
    }
    body.Lecons-detail #wrapper.toggled .footer{
    	padding-left: 0px;
    }
    body #wrapper.toggled{
    	padding-left: 50px;
    }
    #wrapper.comm, #wrapper.comm.toggled{
		padding-right: 50%;
    }
	#wrapper #sidebar-wrapper .nav-content-container {
		display: block;
		padding-bottom: 90px;
		padding-right: 10px;
		padding-left: 10px;
	}
	#wrapper.toggled #sidebar-wrapper.nav-catalogue ul.sidebar-nav{
		margin-top: 0;
	}
	
	.container-advanced-search{
		padding-left: 350px;
		background-color:#1B242C;
	}
    #page-content-wrapper {
        position: relative;
    }
}