début du travail sur le responsive

css/reset.css

@@ -184,19 +184,20 @@ footer#bottom{
 }
 
 .half-right{
-    float: right;
-    text-align: right;
-    width: 48%;
+
+
+
 }
 
 .half-left{
-    float: left;
-    text-align: left;
-    width: 48%
+
+    width: 100%;
 }
 
 .navigation{
     margin-bottom: 1%;
+	background-color: #ffffff!important;
+	border-color: #ffffff!important;
 }
 /*collapse*/
 .collapse > a{

css/style.css

@@ -326,7 +326,7 @@ ul.commentlist {
 	border-top: 1px solid rgba(22,54,36,.1);
 }
 	#bottom ul {
-		float: right;
+
 		list-style: none;
 	}
 		#bottom li {
@@ -338,3 +338,11 @@ ul.commentlist {
 		#bottom a {
 			text-decoration: none;
 		}
+		.barre-reseau{
+			padding-bottom: 35px;
+			margin-bottom: 10px;
+			text-align: center;
+		}
+		#barre2{
+			padding-top: 25px;
+		}

footer.php

+
+
         <div class="main-wrap">
                 <footer id="bottom">
-                    <div class="half-left">
-                        <?php echo html_meta('contact'); ?>
-                        <?php echo html_meta('site_licence'); ?>
-                        <?php echo html_meta('legal_informations'); ?>
-                    </div>
+                        <div class="row barre-reseau">
                     <div class="half-right ">
                         <?php social_list("class=navigation")?>
                 </div>
-                <div class="half-right">
+                <div class="half-right col-md-12" id="barre2">
                 <ul class="navigation ">
                         <li><a href="<?php echo base_url(); ?>" title="Retour &agrave; l'accueil.">Accueil</a></li>
                         <li><a href="<?php echo base_url('admin'); ?>" title="Administration">Administration</a></li>
                         <li><a href="<?php echo rss_url(); ?>"><?php echo social_logo('rss'); ?> RSS</a></li>
                 </ul>
                     </div>
+                </div>
+                    <div class="row">
+                        <div class="col-md-12">
+                    <div class="half-left">
+                        <?php echo html_meta('contact'); ?>
+                        <?php echo html_meta('site_licence'); ?>
+                        <?php echo html_meta('legal_informations'); ?>
+                    </div>
+                </div>
+
                     <div class="half-right">
                         <?php echo html_meta('w3c'); ?>
                     </div>
+                </div>
                 </footer>
             </div>
         </div>

header.php

@@ -5,7 +5,7 @@
 		<title><?php echo page_title('Page non trouv&eacute;'); ?> - <?php echo site_name(); ?></title>
 
 		<meta name="description" content="<?php echo site_description(); ?>">
-
+		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 		<link rel="stylesheet" href="<?php echo theme_url('/css/reset.css'); ?>">
 		<link rel="stylesheet" href="<?php echo theme_url('/css/style.css'); ?>">
 		<link rel="stylesheet" href="<?php echo theme_url('/css/small.css'); ?>" media="(max-width: 400px)">
@@ -20,6 +20,7 @@
 		<script>var base = '<?php echo theme_url(); ?>';</script>
 		<script src="<?php echo asset_url('/js/zepto.js'); ?>"></script>
 		<script src="<?php echo theme_url('/js/main.js'); ?>"></script>
+		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 
 	    <meta name="viewport" content="width=device-width">
 	    <meta name="generator" content="Anchor CMS">
@@ -68,10 +69,21 @@
 			</div>
 
 			<header id="top">
-                <a id="logo" Href="<?php echo base_url(); ?>"><img style="height:150px" src="<?php echo theme_url('img/logo.svg'); ?>" alt="<?php echo site_name(); ?>"><?php echo site_description(); ?></a>
-
 
-				<nav id="main" class="navigation">
+				<nav class="navbar navbar-default navigation col-md-12" id="main"  >
+				  <div class="container-fluid">
+				    <!-- Brand and toggle get grouped for better mobile display -->
+				    <div class="navbar-header">
+				      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+				        <span class="sr-only">Toggle navigation</span>
+				        <span class="icon-bar"></span>
+				        <span class="icon-bar"></span>
+				        <span class="icon-bar"></span>
+				      </button>
+				      <a id="logo" Href="<?php echo base_url(); ?>"><img style="height:150px" src="<?php echo theme_url('img/logo.svg'); ?>" alt="<?php echo site_name(); ?>"><?php echo site_description(); ?></a>
+				    </div>
+					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+				      <ul class="nav navbar-nav">
 						  <ul>
   	   						<?php if(has_menu_items()):
   	   							while(menu_items()): ?>
@@ -86,5 +98,11 @@
   	   							<a href="#tray" class="linky"><img src="<?php echo theme_url('img/categories.png'); ?>" alt="Categories" title="Articles par cat&eacute;gories"></a>
   	   						</li>
   	   					</ul>
+				          </ul>			      
+				    </div><!-- /.navbar-collapse -->
+				  </div><!-- /.container-fluid -->
 				</nav>
+
+
+
 			</header>