<!DOCTYPE html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Portail</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="http://www.cssportal.com/css/bootstrap.css">

	<link rel="stylesheet" type="text/css" href="http://www.cssportal.com/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="http://www.cssportal.com/css/menu/effects/fading.css" media="screen">
	<link rel="stylesheet" type="text/css" href="http://www.cssportal.com/css/main.css">
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,400italic" id="custom_font">

	<link rel="shortcut icon" href="../favicon.ico">
	<script type="text/javascript" src="http://www.cssportal.com/js/vendor/modernizr.min.js"></script>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="http://www.cssportal.com/js/vendor/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="layout.css" />
	<script type="text/javascript" src="http://www.cssportal.com/scripts/jscolor/jscolor.js"></script>
	<script type="text/javascript" src="js/forms.js"></script>
	<script type="text/javascript" src="js/colors.js"></script>
	<script src='../scripts/google_analytics.js'></script>
</head>

<body onload="setColors()" class="wide">
	<div class="layout">
		<!-- Header -->
		<header>
		
<!-- Header -->
			<div class="header">
				<div class="top-bar">
					<div class="container"></div>
				</div>
				
				<div class="container">
					<div class="row">
						<div class="col-md-4">
							<!-- Logo -->
							<div class="logo">
								<a href=""><img id="logo" src="" alt=""></a>
								<h2 class="hide-text">Application Patrice delpy</h2>
							</div>
							<!-- End Logo -->
						</div>
						
					</div>
				</div>
			</div>
<!-- End Header -->
			
<!-- saut de ligne -->			
			<br/>
<!------------------->			
			
			<!-- Navigation -->
			<nav id="nav" class="navigation lcyan">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<ul class="menu fading">
								<li><a href="portail.php"><i class="icon-home"></i> Home</a></li>
								<li><a href=""><i class="icon-pencil"></i> Gestion</a></li>
								<li><a href="#"><i class="icon-list"></i> autre</a>
									<ul>
										<li><a href="">option1</a></li>
										<li><a href="">option2</a></li>
										<li><a href="">option3</a></li>
									</ul>
								</li>
<!--								
								<li><a href="#"><i class="icon-cog"></i> CSS Generators</a>
									<div class="cols3">
										<div class="col3">
											<h4>A collection of cool CSS Generators!</h4>
										</div>
										<div class="col1">
											<ul>
												<li><a href="http://www.cssportal.com/css3-box-shadow-generator/">CSS Box Shadow Generator</a></li>
												<li><a href="http://www.cssportal.com/css3-button-generator/">CSS Button Generator</a></li>
												<li><a href="http://www.cssportal.com/css-gradient-generator/">CSS Gradient Generator</a></li>
											</ul>
										</div>
										<div class="col1">
											<ul>
												<li><a href="http://www.cssportal.com/css3-rounded-corner/">CSS3 Rounded Corners</a></li>
												<li><a href="http://www.cssportal.com/css-sprite-generator/">CSS Sprite Generator</a></li>
												<li><a href="http://www.cssportal.com/css3-text-rotate-generator/">CSS Text Rotate Generator</a></li>
											</ul>
										</div>
									</div>
								</li>
--->								
							</ul>
						</div>
					</div>
				</div>
			</nav>
<!-- End Navigation -->

		</header>
<!-- End Header -->

<!--
		main
		container
		row
		aside
		content
-->
		
<!-- Main -->
		<div class="main">
			<div class="container">
				<div class="row">

<!------menu accordeon ------------>

					<div class="col-md-4">
					<aside>
							<div class="widget">
								<h2><i class="icon-bullhorn"></i> <span>Produits</span></h2>
								<div class="panel-group" id="accordion2">
								  <div class="panel panel-default">
								    <div class="panel-heading">
								      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
								        PMIC
								      </a>
								    </div>
								    <div id="collapseOne" class="panel-collapse collapse">
								      <div class="panel-body">
								        <ul class="nav nav-tabs nav-stacked">
											<li><a href="selection_projet.php"><i class="icon-double-angle-right"></i> NCPxxxx</a></li>
										</ul>
								      </div>
								    </div>
								  </div>
								  <div class="panel panel-default">
								    <div class="panel-heading">
								      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
								        SBC
								      </a>
								    </div>
								    <div id="collapseTwo" class="panel-collapse collapse">
								      <div class="panel-body">
								        <ul class="nav nav-tabs nav-stacked">
											<li><a href=""><i class="icon-double-angle-right"></i> NCPxxxx</a></li>
										</ul>
								      </div>
								    </div>
								  </div>
								  <div class="panel panel-default">
								    <div class="panel-heading">
								      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
								        ....
								      </a>
								    </div>
								    <div id="collapseThree" class="panel-collapse collapse">
								      <div class="panel-body">
								        <ul class="nav nav-tabs nav-stacked">
											<li><a href=""><i class="icon-double-angle-right"></i> NCPxxxx</a></li>
										</ul>
								      </div>
								    </div>
								  </div>
								  <div class="panel panel-default">
								    <div class="panel-heading">
								      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour">
								        ....
								      </a>
								    </div>
								    <div id="collapseFour" class="panel-collapse collapse">
								      <div class="panel-body">
								        <ul class="nav nav-tabs nav-stacked">
											<li><a href=""><i class="icon-double-angle-right"></i> NCPxxxx</a></li>
										</ul>
								      </div>
								    </div>
								  </div>
								</div>
							</div>
					</aside>						
					</div>
					
<!------ fin menu accordeon ------------>
				
				<div class="col-md-8">
						<!-- Content -->
						
						<div class="content">
							<div class="page-header">
								<!--<h3>Interface du gestionnaire de projets</h3> -->
								<h2><i class="icon-bullhorn"></i> <span>Gestionnaire de projets</span></h2>
							</div>
							<!-- Single Page -->
								<div class="page">
								<p>Blabla.
								<br />
								</p>
							

								<div class="clear"></div>
	
								<div class="clear"></div>
								</div>
								<!-- End Single Page -->
						</div>
						<!-- End Content -->
				</div>
					
				</div>
			</div>
		</div>
<!-- End Main -->
		
		
<!-- bandeau avant le pied de page -->
		<div class="ticker">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div id="ticker" class="tweet">
						</div>
					</div>
				</div>
			</div>
		</div>
<!-- End bandeau -->
		
		
<!-- Footer -->
		<footer>
			
			<!-- Copyright -->
			<div class="copyright">
				<div class="container">
					<div class="row">
						<div class="col-md-5">
							<p>Copyright &copy; 2016 : Patrice Delpy.</p>
						</div>
						
					</div>
				</div>
			</div>
<!-- End Copyright -->
		</footer>
		<!-- End Footer -->
	</div>

	<a href="#" class="scroll-top"><i class="icon-chevron-up"></i></a>
	
	
	
	<script type="text/javascript" src="../js/plugins.js"></script>
	<script type="text/javascript" src="../js/main.js"></script>
</body>
</html>
