[Frontend] Amélioration mise en page

backend/views/layouts/header.php

                              alt="Logo <?= Html::encode($producer->name) ?>" />
                 </span>
             <?php endif; ?>
-            <div class="title"><?= Html::encode($producer->name) ?></div>
+            <div class="title">
+                <?= Html::encode($producer->name) ?>
+                <?php if (!$producer->active): ?>
+                    <span class="label label-danger">Hors-ligne</span>
+                <?php endif; ?>
+            </div>
         </span>
 
         <div class="navbar-custom-menu">
                 <?php if ($userManager->isCurrentAdmin()): ?>
                     <li class="dropdown producer-menu">
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                            <?php if ($producer->active): ?>
-                                <i class="fa fa-home"></i>
-                            <?php else: ?>
-                                <span class="label label-danger">Hors-ligne</span>
-                            <?php endif; ?>
+                            <span class="glyphicon glyphicon-grain"></span>
                             <span>Producteurs</span>
                             <i class="fa fa-caret-down"></i>
                         </a>
                 <?php if ($userManager->isCurrentProducer() || $userManager->isCurrentAdmin()): ?>
                     <li>
                         <a href="<?= Yii::$app->urlManagerProducer->createAbsoluteUrl(['site/index', 'slug_producer' => GlobalParam::getCurrentProducer()->slug]); ?>">
-                            <span class="glyphicon glyphicon-grain"></span>
-                            <span class="hidden-xs">Espace producteur</span>
+                            <span class="glyphicon glyphicon-eye-open"></span>
+                            <span class="hidden-xs">Mon espace producteur</span>
                         </a>
                     </li>
                 <?php endif; ?>

common/components/View.php

     use BusinessLogicTrait;
 
     var $title ;
+    var $icon;
     var $page_title ;
     var $buttons ;
 
         return \Yii::$app->logic;
     }
 
+    public function setIcon($icon)
+    {
+        $this->icon = $icon;
+    }
+
+    public function getIcon()
+    {
+        return $this->icon;
+    }
+
     public function setTitle($title, $page_title = '') 
     {
         $this->title = $title ;

common/views/nav_user_top.php

 <section class="nav-user-top">
     <nav class="navbar navbar-default">
         <div class="container">
+
             <?php
 
             $producersArray = Producer::find()
             $itemAdministration = [
                 'label' => '<span class="glyphicon glyphicon-cog"></span> <span class="link-text">Administration</span>',
                 'url' => $this->getUrlManagerBackend()->createAbsoluteUrl(['site/index']),
-                'visible' => $userManager->isCurrentProducer()
+                'visible' => $userManager->isCurrentProducer(),
+                'linkOptions' => ['class' => 'btn btn-default navbar-btn']
             ];
             $itemProducerSpace = [
-                'label' => '<span class="glyphicon glyphicon-grain"></span> <span class="link-text">Espace producteur</span>',
+                //'label' => '<span class="glyphicon glyphicon-eye-open"></span> <span class="link-text">'.Html::encode($producer->name).'</span>',
+                'label' => '<span class="glyphicon glyphicon-eye-open"></span> <span class="link-text">Mon espace producteur</span>',
                 'url' => $this->getUrlManagerProducer()->createAbsoluteUrl(['site/index', 'slug_producer' => $producer ? $producer->slug : '']),
-                'visible' => $userManager->isCurrentProducer()
+                'visible' => $userManager->isCurrentProducer(),
+                'linkOptions' => ['class' => 'btn btn-default navbar-btn']
             ];
             $itemProducers = [
-                'label' => '<span class="glyphicon glyphicon-star"></span> <span class="link-text">Producteurs</span>',
+                'label' => '<span class="glyphicon glyphicon-star"></span> <span class="link-text">Mes producteurs</span>',
                 'url' => '#',
                 'items' => $itemsProducersArray,
                 'visible' => !Yii::$app->user->isGuest
             ];
-            $itemUser = [
-                'label' => '<span class="glyphicon glyphicon-user"></span> <span class="link-text">' . ((!Yii::$app->user->isGuest) ? Html::encode(Yii::$app->user->identity->name . ' ' . strtoupper(substr(Yii::$app->user->identity->lastname, 0, 1))) : '') . '. </span>',
-                'options' => ['id' => 'label1'],
-                'url' => '#',
-                'items' => [
+
+            $itemsUserArray = [];
+            if($context == 'producer') {
+                $itemsUserArray = [
                     [
                         'label' => '<span class="glyphicon glyphicon-chevron-left"></span> Retour à l\'accueil',
                         'url' => $this->getUrlManagerFrontend()->createUrl(['site/index']),
-                    ],
-                    [
-                        'label' => '<span class="glyphicon glyphicon-user"></span> Mon profil',
-                        'url' => $this->getUrlManagerFrontend()->createUrl(['user/update']),
-                    ],
-                    [
-                        'label' => '<span class="glyphicon glyphicon-off"></span> Déconnexion',
-                        'url' => $this->getUrlManagerFrontend()->createUrl(['site/logout']),
                     ]
-                ],
+                ];
+            }
+
+            $itemsUserArray[] = [
+                    'label' => '<span class="glyphicon glyphicon-user"></span> Mon profil',
+                    'url' => $this->getUrlManagerFrontend()->createUrl(['user/update']),
+                ];
+            $itemsUserArray[] = [
+                'label' => '<span class="glyphicon glyphicon-off"></span> Déconnexion',
+                'url' => $this->getUrlManagerFrontend()->createUrl(['site/logout']),
+            ];
+
+            $itemUser = [
+                'label' => '<span class="glyphicon glyphicon-user"></span> <span class="link-text">' .
+                    ((!Yii::$app->user->isGuest) ? Html::encode(Yii::$app->user->identity->name . ' ' . strtoupper(substr(Yii::$app->user->identity->lastname, 0, 1)).'.') : '') .
+                    //($producer ? ' ('.Html::encode($producer->name).')' : '').
+                    '</span>',
+                'options' => ['id' => 'label1'],
+                'url' => '#',
+                'items' => $itemsUserArray,
                 'visible' => !Yii::$app->user->isGuest
             ];
             $itemConnexion = [

common/web/css/screen.css

   font-weight: normal;
   font-style: normal;
 }
-/* line 4, ../sass/_common.scss */
+/* line 3, ../sass/_common.scss */
 .float-left {
   float: left;
 }
 
-/* line 8, ../sass/_common.scss */
+/* line 7, ../sass/_common.scss */
 .float-right {
   float: right;
 }
 
 /* Navigation utilisateur en haut du site */
-/* line 14, ../sass/_common.scss */
+/* line 13, ../sass/_common.scss */
 .nav-user-top .navbar {
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
+  border: 0px none;
   margin-bottom: 0px;
 }
 /* line 20, ../sass/_common.scss */
+.nav-user-top .navbar ul li a {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+/* line 24, ../sass/_common.scss */
+.nav-user-top .navbar ul li a.navbar-btn {
+  padding: 5px 10px;
+}
+/* line 29, ../sass/_common.scss */
+.nav-user-top .navbar ul li ul li a {
+  padding: 2px 20px;
+}
+/* line 37, ../sass/_common.scss */
 .nav-user-top .dropdown-menu .divider.dropdown-header {
   padding: 0px;
 }
 
 @media screen and (max-width: 768px) {
-  /* line 29, ../sass/_common.scss */
+  /* line 46, ../sass/_common.scss */
   .nav-user-top .navbar ul {
     float: right;
   }
-  /* line 32, ../sass/_common.scss */
+  /* line 50, ../sass/_common.scss */
   .nav-user-top .navbar .link-text {
     display: none;
   }
-  /* line 35, ../sass/_common.scss */
+  /* line 54, ../sass/_common.scss */
   .nav-user-top .navbar .dropdown-menu {
     position: absolute;
     right: 5%;
     -webkit-box-shadow: 0px 0px 4px gray;
     box-shadow: 0px 0px 4px gray;
   }
-  /* line 44, ../sass/_common.scss */
+  /* line 63, ../sass/_common.scss */
   .nav-user-top .navbar .dropdown-menu li a {
     padding-left: 15px;
   }
 }
 /* Block de date */
-/* line 54, ../sass/_common.scss */
+/* line 73, ../sass/_common.scss */
 .block-date {
   margin: 0px auto;
   padding-top: 0px;
   text-align: center;
 }
-/* line 59, ../sass/_common.scss */
+/* line 78, ../sass/_common.scss */
 .block-date .day {
   text-transform: capitalize;
   line-height: 15px;
   font-size: 13px;
   text-transform: uppercase;
 }
-/* line 66, ../sass/_common.scss */
+/* line 85, ../sass/_common.scss */
 .block-date .num {
   font-size: 30px;
   line-height: 35px;
   font-weight: bold;
 }
-/* line 72, ../sass/_common.scss */
+/* line 91, ../sass/_common.scss */
 .block-date .month {
   text-transform: uppercase;
   line-height: 15px;

common/web/sass/_common.scss

-
 @import "compass";
 
 .float-left {
-    float: left;
+  float: left;
 }
 
 .float-right {
-    float: right;
+  float: right;
 }
 
 /* Navigation utilisateur en haut du site */
 .nav-user-top {
-    .navbar {
-        @include border-radius(0px);
-        margin-bottom: 0px;
-    }
+  .navbar {
+    @include border-radius(0px);
+    border: 0px none;
+    margin-bottom: 0px;
+
+    ul {
+      li {
+        a {
+          padding-left: 10px;
+          padding-right: 10px;
 
-    .dropdown-menu {
-        .divider.dropdown-header {
-            padding: 0px;
+          &.navbar-btn {
+            padding: 5px 10px;
+          }
         }
+
+        ul li a {
+          padding: 2px 20px;
+        }
+      }
+    }
+  }
+
+  .dropdown-menu {
+    .divider.dropdown-header {
+      padding: 0px;
     }
+  }
 }
 
 @media screen and (max-width: 768px) {
-    .nav-user-top {
-        .navbar {
-            ul {
-                float: right;
-            }
-            .link-text {
-                display: none;
-            }
-            .dropdown-menu {
-                position: absolute;
-                right: 5%;
-                left: auto;
-                border: 1px solid #ddd;
-                background: #fff;
-                @include box-shadow(0px 0px 4px gray);
+  .nav-user-top {
+    .navbar {
+      ul {
+        float: right;
+      }
+
+      .link-text {
+        display: none;
+      }
 
-                li {
-                    a {
-                        padding-left: 15px;
-                    }
-                }
-            }
+      .dropdown-menu {
+        position: absolute;
+        right: 5%;
+        left: auto;
+        border: 1px solid #ddd;
+        background: #fff;
+        @include box-shadow(0px 0px 4px gray);
+
+        li {
+          a {
+            padding-left: 15px;
+          }
         }
+      }
     }
+  }
 }
 
 /* Block de date */
 .block-date {
-    margin: 0px auto ;
-    padding-top: 0px ; 
-    text-align: center ;
-    
-    .day {
-        text-transform: capitalize ;
-        line-height: 15px ;
-        font-size: 13px ;
-        text-transform: uppercase ;
-    }
+  margin: 0px auto;
+  padding-top: 0px;
+  text-align: center;
 
-    .num {
-        font-size: 30px ;
-        line-height: 35px ;
-        font-weight: bold ;
-    }
+  .day {
+    text-transform: capitalize;
+    line-height: 15px;
+    font-size: 13px;
+    text-transform: uppercase;
+  }
 
-    .month {
-        text-transform: uppercase ;
-        line-height: 15px ;
-        font-size: 13px ;
-        color: darken($color1, 5) ;
-    }
+  .num {
+    font-size: 30px;
+    line-height: 35px;
+    font-weight: bold;
+  }
+
+  .month {
+    text-transform: uppercase;
+    line-height: 15px;
+    font-size: 13px;
+    color: darken($color1, 5);
+  }
 }

frontend/controllers/SiteController.php

      */
     public function actionIndex()
     {
-        return $this->render('index', [
+        return $this->render('index');
+    }
+
+    public function actionSoftware()
+    {
+        return $this->render('software', [
             'producerDemoAccount' => $this->getProducerManager()->findOneProducerDemoAccount(),
             'dataProviderPrices' => $this->getDataProviderPrices()
         ]);

frontend/views/layouts/main.php

  * termes.
  */
 
-use common\helpers\GlobalParam;
 use common\logic\User\User\Wrapper\UserManager;
 use yii\helpers\Html;
 use yii\bootstrap\Nav;
     <title><?php if ($isHome): ?>Opendistrib | <?= Html::encode($this->title) ?><?php else: ?><?= Html::encode($this->title) ?> | Opendistrib<?php endif; ?></title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="baseurl" content="<?= Yii::$app->urlManagerFrontend->baseUrl ; ?>">
-    <meta name="baseurl-absolute" content="<?= Yii::$app->urlManagerFrontend->getHostInfo().Yii::$app->urlManagerBackend->baseUrl; ?>">
+    <meta name="baseurl" content="<?= Yii::$app->urlManagerFrontend->baseUrl; ?>">
+    <meta name="baseurl-absolute"
+          content="<?= Yii::$app->urlManagerFrontend->getHostInfo() . Yii::$app->urlManagerBackend->baseUrl; ?>">
     <?= Html::csrfMetaTags() ?>
     <link rel="icon" type="image/png" href="<?= $this->getUrlManager()->getBaseUrl(); ?>/img/favicon-distrib.png"/>
     <!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="<?= \Yii::$app->urlManager->getBaseUrl(); ?>/img/favicon.ico" /><![endif]-->
 </head>
 <body class="<?php if ($isHome): echo 'home'; endif; ?><?php if (!Yii::$app->user->isGuest): ?> connected<?php endif; ?>">
 <?php $this->beginBody() ?>
-<div id="back"></div>
 
 <?= $this->render('@common/views/nav_user_top', [
     'context' => 'frontend'
     <nav class="navbar navbar-default">
         <div id="the-header" class="container">
             <div class="navbar-header">
-                <a id="link-home" href="<?= $this->getUrlManager()->createUrl('site/index'); ?>">
+                <a id="link-home" class="" href="<?= $this->getUrlManager()->createUrl('site/index'); ?>">
                     Opendistrib
                     <!--<img src="<?= $this->getUrlManager()->baseUrl ?>/img/souke.png" alt="Souke" />-->
                     <!--<span style="position: relative;top: 22px;left: 5px;font-family: 'capsuularegular'">-alpha.fr</span>-->
                             'options' => ['id' => 'li-home']
                         ],
                         [
-                            'label' => '<span class="glyphicon glyphicon-search"></span> Producteurs',
+                            'label' => '<span class="glyphicon glyphicon-grain"></span> Producteurs',
                             'url' => $this->getUrlManager()->createUrl(['site/producers']),
                             'active' => $this->getControllerAction() == 'site/producers',
                             'options' => ['id' => 'li-producteurs']
 </header>
 
 <div id="main">
+    <section id="header-title">
+        <div class="container">
+            <h1>
+                <?php if ($isHome): ?>
+                    <span class="glyphicon glyphicon-tasks"></span>
+                    Opendistrib, un outil pour organiser des ventes en circuit court
+                <?php else: ?>
+                    <span class="glyphicon glyphicon-<?= $this->getIcon(); ?>"></span>
+                    <?= $this->getTitle(); ?>
+                <?php endif; ?>
+            </h1>
+        </div>
+    </section>
+
     <section class="container" id="content">
         <?php if (Yii::$app->session->hasFlash('error')): ?>
             <div class="alert alert-danger" role="alert">
 </div>
 <footer id="footer">
     <div class="container">
-        <a href="<?php echo $this->getUrlManager()->createUrl('site/contact'); ?>">Contact</a> &bull;
+        <a href="<?php echo $this->getUrlManager()->createUrl('site/software'); ?>">Fonctionnalités, services & tarifs</a> &bull;
         <a href="<?php echo $this->getUrlManager()->createUrl('site/mentions'); ?>">Mentions légales</a> &bull;
-        <a href="<?php echo $this->getUrlManager()->createUrl('site/cgv'); ?>">CGS</a> &bull;
+        <a href="<?php echo $this->getUrlManager()->createUrl('site/cgv'); ?>">Conditions générales de service</a> &bull;
         <a id="code-source" href="https://forge.laclic.fr/Laclic/Opendistrib">Code source</a>
     </div>
 </footer>

frontend/views/site/about.php

 use yii\captcha\Captcha;
 
 $this->setTitle('À propos');
+$this->setIcon('info-sign');
 //$this->setMeta('description', 'À propos') ;
 
 ?>
 <div class="site-about">
+    <!--
     <h1 class="title-system-order">
         <span class="glyphicon glyphicon-info-sign"></span>
         <?= Html::encode($this->title) ?>
-    </h1>
+    </h1>-->
 
     <div class="row">
         <div class="col-md-12">
                         pellentesque, diam neque hendrerit augue, auctor luctus turpis urna quis purus.</p>
                 </div>
             </div>
-            <div class="panel panel-default" id="few-numbers">
+            <div class="panel panel-primary" id="few-numbers">
                 <div class="panel-heading">
-                    <h2>Résumé en quelques chiffres</h2>
+                    <h2 class="panel-title">
+                        <span class="glyphicon glyphicon-stats"></span>
+                        <span class="the-title">Opendistrib en quelques chiffres</span>
+                    </h2>
                 </div>
                 <div class="panel-body">
                     <?= few_numbers_item($countProducersActive, 'Producteurs', 'actifs sur les 3 derniers mois'); ?>

frontend/views/site/cgv.php

 */
 
 $this->setTitle('Conditions générales de service') ;
+$this->setIcon('align-left');
 $this->setMeta('description', 'Nous vous présentons ici les conditions selon lesquelles nous vous proposons nos offres de service.') ;
 
 ?>
 
 <div class="content-text">
-    
-<h1>Conditions générales de service</h1>
-
-<?= $this->render('_cgv_content'); ?>
-
+    <div class="panel panel-default">
+        <div class="panel-body">
+            <?= $this->render('_cgv_content'); ?>
+        </div>
+    </div>
 </div>

frontend/views/site/contact.php

 /* @var $this yii\web\View */
 /* @var $form yii\bootstrap\ActiveForm */
 
-$this->setTitle('Me contacter');
+$this->setTitle('Contact');
+$this->setIcon('envelope');
 $this->setMeta('description', 'Pour toute remarque ou demande d\'information, nous vous proposons d\'utiliser ce formulaire de contact.') ;
 
 $this->params['breadcrumbs'][] = $this->title;
 ?>
 <div class="site-contact">
-    <h1 class="title-system-order">
-        <span class="glyphicon glyphicon-envelope"></span>
-        <?= Html::encode($this->title) ?>
-    </h1>
-
     <div class="row">
         <div class="col-lg-5">
-            <h2>Par email</h2>
             <div class="alert alert-info">
                 Ce formulaire de contact vous permet de joindre le développeur de la plateforme Opendistrib.
                 Si vous souhaitez joindre un producteur, merci de le faire directement depuis son espace producteur.
             </div>
-            <?php $form = ActiveForm::begin(['id' => 'contact-form']); ?>
-                <?= $form->field($model, 'name') ?>
-                <?= $form->field($model, 'email') ?>
-                <?= $form->field($model, 'subject') ?>
-                <?= $form->field($model, 'body')->textArea(['rows' => 6]) ?>
-                <?= $form->field($model, 'verifyCode')->widget(Captcha::className(), [
-                    'template' => '<div class="row"><div class="col-lg-3">{image}</div><div class="col-lg-6">{input}</div></div>',
-                ]) ?>
-                <?= $form->field($model, 'isTest')->hiddenInput() ?>
-                <div class="form-group">
-                    <?= Html::submitButton('Envoyer', ['class' => 'btn btn-primary', 'name' => 'contact-button']) ?>
+            <div class="panel panel-default">
+                <div class="panel-body">
+                    <?php $form = ActiveForm::begin(['id' => 'contact-form']); ?>
+                    <?= $form->field($model, 'name') ?>
+                    <?= $form->field($model, 'email') ?>
+                    <?= $form->field($model, 'subject') ?>
+                    <?= $form->field($model, 'body')->textArea(['rows' => 6]) ?>
+                    <?= $form->field($model, 'verifyCode')->widget(Captcha::className(), [
+                        'template' => '<div class="row"><div class="col-lg-3">{image}</div><div class="col-lg-6">{input}</div></div>',
+                    ]) ?>
+                    <?= $form->field($model, 'isTest')->hiddenInput() ?>
+                    <div class="form-group submit">
+                        <?= Html::submitButton('Envoyer', ['class' => 'btn btn-primary', 'name' => 'contact-button']) ?>
+                    </div>
+                    <?php ActiveForm::end(); ?>
                 </div>
-            <?php ActiveForm::end(); ?>
+            </div>
         </div>
     </div>
 

frontend/views/site/index.php

 
 use common\helpers\Url;
 
-$this->setTitle('Logiciel de distribution alimentaire en circuit court');
+$this->setTitle('Un outil pour organiser des ventes en circuit court');
 $this->setMeta('description', 'Simplifiez la distribution de vos produits en circuit court grâce à des outils web adaptés.');
 
 ?>
 
 <div id="presentation">
-    <div id="presentation-distrib">
-        <h1><strong>Opendistrib</strong>, logiciel<br/>
-            de distribution alimentaire<br/>
-            en circuit court</h1>
-    </div>
     <div id="row-users-producers">
         <div class="col-md-6 producer">
-            <div class="panel panel-default">
+            <div class="panel panel-primary">
                 <div class="panel-heading">
                     <h2 class="panel-title">
-                        <img class="img" src="<?= \Yii::$app->urlManager->getBaseUrl(); ?>/img/cagette.png"
-                             id="img-producer"/>
+                        <div class="glyphicon glyphicon-grain"></div>
                         <span class="the-title">Producteurs</span>
                     </h2>
                 </div>
                 <div class="panel-body">
-                    <p class="presentation">Simplifiez la distribution de vos produits en circuit court<br/> avec des
-                        outils adaptés à la vente en pré-commande.</p>
-                    <?php if (Yii::$app->user->isGuest): ?>
-                        <a class="btn btn-primary"
-                           href="<?= \Yii::$app->urlManagerFrontend->createUrl(['site/signup']); ?>">
-                            <span class="glyphicon glyphicon-user"></span> Je crée mon espace
+                    <div class="hook">
+                        Simplifiez la distribution de vos produits<br/>
+                        en circuit court avec des outils adaptés.
+                    </div>
+                    <div class="links">
+                        <?php if (Yii::$app->user->isGuest): ?>
+                            <a class="btn btn-primary"
+                               href="<?= \Yii::$app->urlManagerFrontend->createUrl(['site/signup']); ?>">
+                                <span class="glyphicon glyphicon-user"></span> Je crée mon espace
+                            </a>
+                        <?php endif; ?>
+                        <a class="btn btn-default"
+                           href="<?= \Yii::$app->urlManagerFrontend->createUrl(['site/software']); ?>">
+                            <span class="glyphicon glyphicon-plus-sign"></span> En savoir plus
                         </a>
-                    <?php endif; ?>
-                    <a class="btn btn-default" href="<?= \Yii::$app->params['appointmentUrl']; ?>" target="_blank">
-                        <span class="glyphicon glyphicon-education"></span> Je demande une démo
-                    </a>
-
-                    <!--<a class="btn btn-default" href="<?= \Yii::$app->urlManagerFrontend->createUrl(['site/contact']); ?>"><span class="glyphicon glyphicon-info-sign"></span> Demande d'informations</a>-->
+                        <a class="btn btn-default" href="<?= \Yii::$app->params['appointmentUrl']; ?>" target="_blank">
+                            <span class="glyphicon glyphicon-education"></span> Je demande une démo
+                        </a>
+                    </div>
                 </div>
             </div>
         </div>
         <div class="col-md-6 users">
-            <div class="panel panel-default">
+            <div class="panel panel-primary">
                 <div class="panel-heading">
                     <h2 class="panel-title">
-                        <img class="img" src="<?= \Yii::$app->urlManager->getBaseUrl(); ?>/img/users.png"
-                             id="img-users"/>
+                        <div class="glyphicon glyphicon-user"></div>
                         <span class="the-title">Clients</span>
                     </h2>
                 </div>
                 <div class="panel-body">
-                    <p class="presentation">Réservez facilement vos produits en ligne et récupérez votre commande
-                        chez votre producteur ou dans un point de vente près de chez vous.</p>
-                    <?php if (Yii::$app->user->isGuest): ?>
-                        <a class="btn btn-primary"
-                           href="<?= \Yii::$app->urlManagerFrontend->createUrl(['site/signup']); ?>"><span
-                                    class="glyphicon glyphicon-user"></span> Je m'inscris</a>
-                    <?php endif; ?>
-                    <a class="btn btn-default"
-                       href="<?= \Yii::$app->urlManagerFrontend->createUrl(['site/producers']); ?>"><span
-                                class="glyphicon glyphicon-search"></span> Je recherche un producteur</a>
+                    <div class="hook">
+                        Réservez facilement vos produits en ligne<br/>
+                        auprès de producteurs locaux.
+                    </div>
+                    <div class="links">
+                        <?php if (Yii::$app->user->isGuest): ?>
+                            <a class="btn btn-primary"
+                               href="<?= \Yii::$app->urlManagerFrontend->createUrl(['site/signup']); ?>"><span
+                                        class="glyphicon glyphicon-user"></span> Je m'inscris</a>
+                        <?php endif; ?>
+                        <a class="btn btn-default"
+                           href="<?= \Yii::$app->urlManagerFrontend->createUrl(['site/producers']); ?>"><span
+                                    class="glyphicon glyphicon-search"></span> Je recherche un producteur</a>
+                    </div>
                 </div>
             </div>
         </div>
                         class="glyphicon glyphicon-circle-arrow-left"></span> Retour sur le site</a>
         </div>
     <?php endif; ?>
-
-    <div id="row-functionalities-rates">
-        <div class="panel panel-default" id="block-functionnalities">
-            <div class="panel-heading">
-                <h2 class="panel-title">
-                    <span class="glyphicon glyphicon-cog"></span> <span class="the-title">Fonctionnalités</span>
-                </h2>
-            </div>
-            <div class="panel-body">
-                <div class="block block-order col-md-6">
-                    <img src="<?= \Yii::$app->urlManager->getBaseUrl(); ?>/img/order.png"/>
-                    <p>Prise de commande en ligne automatisée avec génération d'un récapitulatif par jour de
-                        distribution.</p>
-                    <div class="clr"></div>
-                </div>
-                <div class="block block-payment col-md-6">
-                    <img src="<?= \Yii::$app->urlManager->getBaseUrl(); ?>/img/payment.png"/>
-                    <p>Système de crédit permettant la comptabilisation des paiements.</p>
-                    <div class="clr"></div>
-                </div>
-                <div class="clr"></div>
-                <div class="block block-points-sale-products col-md-6">
-                    <img src="<?= \Yii::$app->urlManager->getBaseUrl(); ?>/img/map-marker.png"/>
-                    <p>Gestion des différents points de vente et produits.</p>
-                    <div class="clr"></div>
-                </div>
-                <div class="block block-subscriptions col-md-6">
-                    <img src="<?= \Yii::$app->urlManager->getBaseUrl(); ?>/img/subscription.png"/>
-                    <p>Gestion des abonnement.</p>
-                    <div class="clr"></div>
-                </div>
-                <div class="clr"></div>
-                <div class="block block-communication col-md-6">
-                    <img src="<?= \Yii::$app->urlManager->getBaseUrl(); ?>/img/megaphone.png"/>
-                    <p>Communication simplifiée avec les clients.</p>
-                    <div class="clr"></div>
-                </div>
-            </div>
-        </div>
-
-        <div class="panel panel-default" id="block-services">
-            <div class="panel-heading">
-                <h2 class="panel-title">
-                    <span class="glyphicon glyphicon-euro"></span> <span class="the-title">Services</span>
-                </h2>
-            </div>
-            <div class="panel-body">
-
-                <div class="col-md-6">
-                    <div class="panel panel-default">
-                        <div class="panel-body">
-                            <h3>Évolutions régulières</h3>
-                            <p>Les évolutions sont développées en fonction des retours de tous les producteurs et le logiciel est régulièrement mis à jour.<br />
-                                Si vous avez un besoin spécifique à votre activité, nous pouvons réaliser des développements sur-mesure sur devis :
-                                <a href="<?= \Yii::$app->urlManager->createUrl(['site/contact']) ?>">nous contacter</a>.</p>
-                        </div>
-                    </div>
-                    <div class="panel panel-default">
-                        <div class="panel-body">
-                            <h3>Formation & accompagnement</h3>
-                            <p>Au moment du lancement de votre circuit court sur Opendistrib, ainsi que tout au long de votre projet,
-                                nous assurons la formation et l'accompagnement dans l'utilisation du logiciel.</p>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="col-md-6">
-                    <div class="panel panel-default">
-                        <div class="panel-body">
-                            <h3>Support</h3>
-                            <p>Nous sommes disponibles pour répondre rapidement à toutes vos questions par email ou par téléphone.</p>
-                        </div>
-                    </div>
-                    <div class="panel panel-default">
-                        <div class="panel-body">
-                            <h3>Maintenance</h3>
-                            <p>Nous travaillons contamment sur la qualité/sécurité du logiciel et
-                                intervenons au plus vite en cas de bug.</p>
-                        </div>
-                    </div>
-                    <div class="panel panel-default">
-                        <div class="panel-body">
-                            <h3>Hébergement</h3>
-                            <p>La plateforme est hébergée en France par la société <a href="https://www.alwaysdata.com/">Alwaysdata</a>.</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="panel panel-default" id="block-rates">
-            <div class="panel-heading">
-                <h2 class="panel-title">
-                    <span class="glyphicon glyphicon-euro"></span> <span class="the-title">Tarifs</span>
-                </h2>
-            </div>
-            <div class="panel-body">
-                <!-- Tarifs -->
-                <?= $this->render('_prices_producer', ['dataProviderPrices' => $dataProviderPrices]); ?>
-            </div>
-        </div>
-    </div>
-    <div class="clr"></div>
 </div>
 
 

frontend/views/site/login.php

 use yii\bootstrap\ActiveForm;
 
 $this->setTitle('Connexion') ;
+$this->setIcon('log-in');
 $this->setMeta('description', 'Connectez-vous afin d\'accéder à votre compte.') ;
 
 $this->params['breadcrumbs'][] = $this->title;
 ?>
 <div class="site-login">
-    
-    <h1 class="title-system-order"><span class="glyphicon glyphicon-log-in"></span> &nbsp;&nbsp;<?= Html::encode($this->title) ?></h1>
-
     <div class="row">
         <div class="col-lg-5">
             <p>Pas encore de compte ? <a class="" href="<?php echo \Yii::$app->urlManager->createUrl('site/signup') ; ?>">Je m'inscris</a></p>
-            
             <?php $form = ActiveForm::begin(['id' => 'login-form']); ?>
                 <?= $form->field($model, 'email') ?>
                 <?= $form->field($model, 'password')->passwordInput() ?>

frontend/views/site/mentions.php

 */
 
 $this->setTitle('Mentions légales');
+$this->setIcon('align-left');
 $this->setMeta('description', 'Prenez connaissance de nos mentions légales.') ;
 
 ?>
 
 <div class="container content-text">
     <div class="content">
-        <h1>Mentions légales</h1>
-
-        <h2>Éditeur</h2>
-        <p><strong>Opendistrib</strong><br />
-        6 rue de la Prévoyance<br />
-        25000 Besançon<br />
-        Responsable de publication : Guillaume BOURGEOIS</p>
-        
-        <p>Micro-entreprise : Guillaume Bourgeois - Développeur web<br />
-        Siret : 51442998400024</p>
-        
-        <h2>Développement</h2>
-        <p>Guillaume Bourgeois<br />
-            6 rue de la Prévoyance, 25000 Besançon
-        </p>
-
-        <h2>Hébergement</h2>
-        <p>La société <strong>Alwaysdata</strong>, SARL au capital de 5.000 € immatriculée au RCS de 
-            Paris sous le numéro 492 893 490 dont le siège social se trouve 62 rue Tiquetonne – 75002 Paris.</p>
-
-        <h2>Propriété intellectuelle et Copyright</h2>
-        <p>Le site est protégé par les lois en vigueur sur la propriété intellectuelle et le droit d’auteur au niveau
-            national et international.<br />
-            Toutes les informations disponibles sur le Site sont protégées par un copyright et sont propriété de
-            <strong>Opendistrib</strong>, sous réserve de droits appartenant à des tiers. Les présentes informations
-            ne devront pas être interprétées comme constituant une licence ou un droit d’utilisation portant sur toute
-            image, marque déposée, marque de service ou logo de <strong>Opendistrib</strong>. Le téléchargement ou la
-            copie de tout matériel à partir du Site ne vous confère aucun droit sur les éléments téléchargés ou copiés.
-            <strong>Opendistrib</strong> réserve tous ses droits sur le copyright et la propriété de toute information
-            disponible sur le Site et les fera valoir dans toute l’extension de la loi applicable.</p>
-
-        <h2>Limitation de la responsabilité</h2>
-        <p>Les informations publiées sur ce site sont publiées à titre d’informations générales uniquement.
-            <strong>Opendistrib</strong> est soucieux de diffuser des informations complètes et exactes mais ne peut
-            garantir l’exactitude, la précision ou l’exhaustivité des informations mises à disposition sur le Site et
-            ne saurait en aucun cas être tenu responsable en cas d’erreur ou d’inexactitudes contenues sur son Site et
-            ne saurait garantir que l’utilisation de son Site en porte pas atteinte aux droits de tiers. Toute utilisation
-            du Site est faite aux risques et périls de l’utilisateur.<br />
-            Dans les limites autorisées par la loi, notamment en cas de négligence, <strong>Opendistrib</strong> ne
-            pourra être tenu responsable de pertes ou de dommages de quelque nature que ce soit, qu’il s’agisse,
-            notamment mais non exclusivement, de dommages directs, indirects ou consécutifs, liés à l’accès au Site ou à tout
-            autre site ayant un lien avec le Site, à son utilisation, à son exploration ou à son téléchargement.</p>
-
-        <h2>Lien hypertextes</h2>		
-        <p>La mise en place d’un lien hypertexte vers le site http://www.opendistrib.net nécessite une autorisation
-            préalable écrite de <strong>Opendistrib</strong>. Si vous souhaitez mettre en place un lien hypertexte vers ce
-            site, vous devez en conséquence prendre contact avec le responsable du site. <strong>Opendistrib</strong>
-            ne peut en aucun cas être tenu pour responsable de la mise à disposition des sites qui font l’objet d’un
-            lien hypertexte à partir du site http://www.opendistrib.net et ne peut supporter aucune responsabilité sur
-            le contenu, les produits, les services, etc. disponibles sur ces sites ou à partir de ces sites.</p>
-
-        <h2>Informatique et libertés – Données personnelles</h2>
-        <p>La collecte et le traitement des données personnelles de l'Internaute par <strong>Opendistrib</strong> ont
-            fait l'objet d'une déclaration auprès de la CNIL (numéro 2018856).<br />
-        La finalité du traitement des données personnelles fournies volontairement par l'Internaute sur le Site au
-            travers du module « Contact », est de permettre à l'Internaute d'être contacté rapidement par
-            <strong>Opendistrib</strong>.<br />
-        L'Internaute est informé que les données de connexion ou relatives à la navigation de l'Internaute depuis le
-            Site sont collectées (informations de navigation) de manière automatique par un logiciel de statistiques
-            et de mesure d'audience. Ces informations ne sont collectées qu'à des fins d'analyse statistique et
-            d'optimisation interne du Site.<br />
-        L'Internaute est également informé qu'en application des articles 39 et 40 de la loi dite « Informatique et
-            Libertés » du 6 janvier 1978, modifiée par la loi 2004-801 du 6 août 2004, l'Internaute dispose d'un droit
-            d'accès, de rectification, de modification et de suppression concernant ses données personnelles.</p>
+        <div class="panel panel-default">
+            <div class="panel-body">
+                <h2>Éditeur</h2>
+                <p><strong>Opendistrib</strong><br />
+                    6 rue de la Prévoyance<br />
+                    25000 Besançon<br />
+                    Responsable de publication : Guillaume BOURGEOIS</p>
+
+                <p>Micro-entreprise : Guillaume Bourgeois - Développeur web<br />
+                    Siret : 51442998400024</p>
+
+                <h2>Développement</h2>
+                <p>Guillaume Bourgeois<br />
+                    6 rue de la Prévoyance, 25000 Besançon
+                </p>
+
+                <h2>Hébergement</h2>
+                <p>La société <strong>Alwaysdata</strong>, SARL au capital de 5.000 € immatriculée au RCS de
+                    Paris sous le numéro 492 893 490 dont le siège social se trouve 62 rue Tiquetonne – 75002 Paris.</p>
+
+                <h2>Propriété intellectuelle et Copyright</h2>
+                <p>Le site est protégé par les lois en vigueur sur la propriété intellectuelle et le droit d’auteur au niveau
+                    national et international.<br />
+                    Toutes les informations disponibles sur le Site sont protégées par un copyright et sont propriété de
+                    <strong>Opendistrib</strong>, sous réserve de droits appartenant à des tiers. Les présentes informations
+                    ne devront pas être interprétées comme constituant une licence ou un droit d’utilisation portant sur toute
+                    image, marque déposée, marque de service ou logo de <strong>Opendistrib</strong>. Le téléchargement ou la
+                    copie de tout matériel à partir du Site ne vous confère aucun droit sur les éléments téléchargés ou copiés.
+                    <strong>Opendistrib</strong> réserve tous ses droits sur le copyright et la propriété de toute information
+                    disponible sur le Site et les fera valoir dans toute l’extension de la loi applicable.</p>
+
+                <h2>Limitation de la responsabilité</h2>
+                <p>Les informations publiées sur ce site sont publiées à titre d’informations générales uniquement.
+                    <strong>Opendistrib</strong> est soucieux de diffuser des informations complètes et exactes mais ne peut
+                    garantir l’exactitude, la précision ou l’exhaustivité des informations mises à disposition sur le Site et
+                    ne saurait en aucun cas être tenu responsable en cas d’erreur ou d’inexactitudes contenues sur son Site et
+                    ne saurait garantir que l’utilisation de son Site en porte pas atteinte aux droits de tiers. Toute utilisation
+                    du Site est faite aux risques et périls de l’utilisateur.<br />
+                    Dans les limites autorisées par la loi, notamment en cas de négligence, <strong>Opendistrib</strong> ne
+                    pourra être tenu responsable de pertes ou de dommages de quelque nature que ce soit, qu’il s’agisse,
+                    notamment mais non exclusivement, de dommages directs, indirects ou consécutifs, liés à l’accès au Site ou à tout
+                    autre site ayant un lien avec le Site, à son utilisation, à son exploration ou à son téléchargement.</p>
+
+                <h2>Lien hypertextes</h2>
+                <p>La mise en place d’un lien hypertexte vers le site http://www.opendistrib.net nécessite une autorisation
+                    préalable écrite de <strong>Opendistrib</strong>. Si vous souhaitez mettre en place un lien hypertexte vers ce
+                    site, vous devez en conséquence prendre contact avec le responsable du site. <strong>Opendistrib</strong>
+                    ne peut en aucun cas être tenu pour responsable de la mise à disposition des sites qui font l’objet d’un
+                    lien hypertexte à partir du site http://www.opendistrib.net et ne peut supporter aucune responsabilité sur
+                    le contenu, les produits, les services, etc. disponibles sur ces sites ou à partir de ces sites.</p>
+
+                <h2>Informatique et libertés – Données personnelles</h2>
+                <p>La collecte et le traitement des données personnelles de l'Internaute par <strong>Opendistrib</strong> ont
+                    fait l'objet d'une déclaration auprès de la CNIL (numéro 2018856).<br />
+                    La finalité du traitement des données personnelles fournies volontairement par l'Internaute sur le Site au
+                    travers du module « Contact », est de permettre à l'Internaute d'être contacté rapidement par
+                    <strong>Opendistrib</strong>.<br />
+                    L'Internaute est informé que les données de connexion ou relatives à la navigation de l'Internaute depuis le
+                    Site sont collectées (informations de navigation) de manière automatique par un logiciel de statistiques
+                    et de mesure d'audience. Ces informations ne sont collectées qu'à des fins d'analyse statistique et
+                    d'optimisation interne du Site.<br />
+                    L'Internaute est également informé qu'en application des articles 39 et 40 de la loi dite « Informatique et
+                    Libertés » du 6 janvier 1978, modifiée par la loi 2004-801 du 6 août 2004, l'Internaute dispose d'un droit
+                    d'accès, de rectification, de modification et de suppression concernant ses données personnelles.</p>
+            </div>
+        </div>
     </div>
 </div>

frontend/views/site/producers.php

 $userCurrent = GlobalParam::getCurrentUser();
 
 $this->setTitle('Producteurs') ;
+$this->setIcon('grain');
 $this->setMeta('description', 'Retrouvez les producteurs présents sur Opendistrib.') ;
 
 ?>
 
 <div class="site-producers">
-    <h1 class="title-system-order"><span class="glyphicon glyphicon-search"></span>&nbsp;&nbsp;<?= Html::encode($this->title) ?></h1>
-
     <div class="row">
         <div class="col-md-6 col-sm-12">
             <div id="producers-list">
                 <div id="producer-search">
                     <div class="form-group has-feedback">
-                        <input type="text" class="form-control input-lg" placeholder="Rechercher" />
+                        <input type="text" class="form-control input-lg" placeholder="Recherche par nom, commune ou code postal" />
                         <span class="glyphicon glyphicon-search form-control-feedback"></span>
                     </div>
                 </div>
                                     <?= Html::a('<span class="glyphicon glyphicon-map-marker"></span> '.Html::encode($producer->postcode.' '.$producer->city),'javascript:void(0);', ['class' => 'btn btn-default view-producer', 'data-id' => $producer->id]);?>
                                 <?php else: ?>
                                     <span class="glyphicon glyphicon-map-marker"></span>
-                                    <?= Html::encode($producer->postcode.' '.$producer->city); ?>
+                                    <span class="location"><?= Html::encode($producer->postcode.' '.$producer->city); ?></span>
                                 <?php endif; ?>
                             </p>
                         </div>

frontend/views/site/signup.php

 use yii\helpers\ArrayHelper;
 
 $this->setTitle('Inscription') ;
+$this->setIcon('user');
 $this->setMeta('description', 'Inscrivez-vous afin de profiter des fonctionnalités de la plateforme.');
 
 $this->params['breadcrumbs'][] = $this->title;
 ?>
 <div class="site-signup">
 
-    <h1 class="title-system-order"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;<?= Html::encode($this->title) ?></h1>
-
     <div class="row">
         <div class="col-lg-5">
             <?php if(YII_ENV == 'demo'): ?>

frontend/views/site/software.php

+<?php
+/**
+ * Copyright distrib (2018)
+ *
+ * contact@opendistrib.net
+ *
+ * Ce logiciel est un programme informatique servant à aider les producteurs
+ * à distribuer leur production en circuits courts.
+ *
+ * Ce logiciel est régi par la licence CeCILL soumise au droit français et
+ * respectant les principes de diffusion des logiciels libres. Vous pouvez
+ * utiliser, modifier et/ou redistribuer ce programme sous les conditions
+ * de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA
+ * sur le site "http://www.cecill.info".
+ *
+ * En contrepartie de l'accessibilité au code source et des droits de copie,
+ * de modification et de redistribution accordés par cette licence, il n'est
+ * offert aux utilisateurs qu'une garantie limitée.  Pour les mêmes raisons,
+ * seule une responsabilité restreinte pèse sur l'auteur du programme,  le
+ * titulaire des droits patrimoniaux et les concédants successifs.
+ *
+ * A cet égard  l'attention de l'utilisateur est attirée sur les risques
+ * associés au chargement,  à l'utilisation,  à la modification et/ou au
+ * développement et à la reproduction du logiciel par l'utilisateur étant
+ * donné sa spécificité de logiciel libre, qui peut le rendre complexe à
+ * manipuler et qui le réserve donc à des développeurs et des professionnels
+ * avertis possédant  des  connaissances  informatiques approfondies.  Les
+ * utilisateurs sont donc invités à charger  et  tester  l'adéquation  du
+ * logiciel à leurs besoins dans des conditions permettant d'assurer la
+ * sécurité de leurs systèmes et ou de leurs données et, plus généralement,
+ * à l'utiliser et l'exploiter dans les mêmes conditions de sécurité.
+ *
+ * Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
+ * pris connaissance de la licence CeCILL, et que vous en avez accepté les
+ * termes.
+ */
+
+use yii\helpers\Html;
+
+$this->setTitle('Fonctionnalités, services & tarifs');
+$this->setIcon('console');
+//$this->setMeta('description', '');
+
+?>
+
+<div class="content-text">
+    <div id="row-functionalities-rates">
+        <div class="panel panel-primary" id="block-functionnalities">
+            <div class="panel-heading">
+                <h2 class="panel-title">
+                    <span class="glyphicon glyphicon-cog"></span>
+                    <span class="the-title">Fonctionnalités</span>
+                </h2>
+            </div>
+            <div class="panel-body">
+                <div class="block block-order col-md-6">
+                    <img src="<?= \Yii::$app->urlManager->getBaseUrl(); ?>/img/order.png"/>
+                    <p>Prise de commande en ligne automatisée avec génération d'un récapitulatif par jour de distribution</p>
+                    <div class="clr"></div>
+                </div>
+                <div class="block block-payment col-md-6">
+                    <img src="<?= \Yii::$app->urlManager->getBaseUrl(); ?>/img/payment.png"/>
+                    <p>Système de crédit permettant la comptabilisation des paiements</p>
+                    <div class="clr"></div>
+                </div>
+                <div class="clr"></div>
+                <div class="block block-points-sale-products col-md-6">
+                    <img src="<?= \Yii::$app->urlManager->getBaseUrl(); ?>/img/map-marker.png"/>
+                    <p>Gestion des différents points de vente et produits</p>
+                    <div class="clr"></div>
+                </div>
+                <div class="block block-subscriptions col-md-6">
+                    <img src="<?= \Yii::$app->urlManager->getBaseUrl(); ?>/img/subscription.png"/>
+                    <p>Gestion des abonnements</p>
+                    <div class="clr"></div>
+                </div>
+                <div class="clr"></div>
+                <div class="block block-communication col-md-6">
+                    <img src="<?= \Yii::$app->urlManager->getBaseUrl(); ?>/img/megaphone.png"/>
+                    <p>Communication simplifiée avec les clients</p>
+                    <div class="clr"></div>
+                </div>
+            </div>
+        </div>
+
+        <div class="panel panel-primary" id="block-services">
+            <div class="panel-heading">
+                <h2 class="panel-title">
+                    <span class="glyphicon glyphicon-wrench"></span>
+                    <span class="the-title">Services</span>
+                </h2>
+            </div>
+            <div class="panel-body">
+                <div class="col-md-6">
+                    <div class="panel panel-default">
+                        <div class="panel-body">
+                            <h3>Évolutions régulières</h3>
+                            <p>Les évolutions sont développées en fonction des retours de tous les producteurs et le
+                                logiciel est régulièrement mis à jour.<br/>
+                                Si vous avez un besoin spécifique à votre activité, nous pouvons réaliser des
+                                développements sur-mesure sur devis :
+                                <a href="<?= \Yii::$app->urlManager->createUrl(['site/contact']) ?>">nous contacter</a>.
+                            </p>
+                        </div>
+                    </div>
+                    <div class="panel panel-default">
+                        <div class="panel-body">
+                            <h3>Formation & accompagnement</h3>
+                            <p>Au moment du lancement de votre circuit court sur Opendistrib, ainsi que tout au long de
+                                votre projet,
+                                nous assurons la formation et l'accompagnement dans l'utilisation du logiciel.</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-md-6">
+                    <div class="panel panel-default">
+                        <div class="panel-body">
+                            <h3>Support</h3>
+                            <p>Nous sommes disponibles pour répondre rapidement à toutes vos questions par email ou par
+                                téléphone.</p>
+                        </div>
+                    </div>
+                    <div class="panel panel-default">
+                        <div class="panel-body">
+                            <h3>Maintenance</h3>
+                            <p>Nous travaillons contamment sur la qualité/sécurité du logiciel et
+                                intervenons au plus vite en cas de bug.</p>
+                        </div>
+                    </div>
+                    <div class="panel panel-default">
+                        <div class="panel-body">
+                            <h3>Hébergement</h3>
+                            <p>La plateforme est hébergée en France par la société <a
+                                        href="https://www.alwaysdata.com/">Alwaysdata</a>.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="panel panel-primary" id="block-rates">
+            <div class="panel-heading">
+                <h2 class="panel-title">
+                    <span class="glyphicon glyphicon-euro"></span>
+                    <span class="the-title">Tarifs</span>
+                </h2>
+            </div>
+            <div class="panel-body">
+                <?= $this->render('_prices_producer', ['dataProviderPrices' => $dataProviderPrices]); ?>
+            </div>
+        </div>
+    </div>
+    <div class="clr"></div>
+
+</div>

frontend/views/user/update.php

 use yii\helpers\Html;
 use yii\widgets\ActiveForm;
 
-$this->title = 'Mon profil' ;
+$this->setTitle('Mon profil') ;
+$this->setIcon('user');
 
 ?>
+
 <div id="profil-user" class="user-update">
 
-    <h1 class="title-system-order"><span class="glyphicon glyphicon-user"></span> Mon profil</h1>
-    
-    <div class="user-form">
-
-        <?php $form = ActiveForm::begin([
-             'enableClientScript' => false
-        ]); ?>
-        
-        <h2>Informations</h2>
-        <?= $form->field($model, 'lastname')->textInput() ?>
-        <?= $form->field($model, 'name')->textInput() ?>
-        <?= $form->field($model, 'phone')->textInput() ?>
-        <?= $form->field($model, 'email')->textInput(); ?>
-        <?= $form->field($model, 'address')->textarea() ?>
-        
-        <h2>Mot de passe</h2>
-        <p>Renseignez les champs ci-dessous si vous souhaitez modifier votre mot de passe.</p>
-        <?= $form->field($model, 'password_old')->passwordInput() ?>
-        <?= $form->field($model, 'password_new')->passwordInput() ?>
-        <?= $form->field($model, 'password_new_confirm')->passwordInput() ?>
-        
-        
-        <div class="clr"></div>
-        
-        <div class="form-group">
-            <?= Html::submitButton($model->isNewRecord ? 'Create' : 'Modifier', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary', 'name' => 'user-profile-button']) ?>
-        </div>
-        <?php ActiveForm::end(); ?>
-    </div>
+    <div class="panel panel-default">
+        <div class="panel-body">
+            <div class="user-form">
+                <?php $form = ActiveForm::begin([
+                    'enableClientScript' => false
+                ]); ?>
+
+                <h2>Informations</h2>
+                <?= $form->field($model, 'lastname')->textInput() ?>
+                <?= $form->field($model, 'name')->textInput() ?>
+                <?= $form->field($model, 'phone')->textInput() ?>
+                <?= $form->field($model, 'email')->textInput(); ?>
+                <?= $form->field($model, 'address')->textarea() ?>
 
+                <h2>Mot de passe</h2>
+                <p>Renseignez les champs ci-dessous si vous souhaitez modifier votre mot de passe.</p>
+                <?= $form->field($model, 'password_old')->passwordInput() ?>
+                <?= $form->field($model, 'password_new')->passwordInput() ?>
+                <?= $form->field($model, 'password_new_confirm')->passwordInput() ?>
 
+
+                <div class="clr"></div>
+
+                <div class="form-group">
+                    <?= Html::submitButton($model->isNewRecord ? 'Create' : 'Modifier', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary', 'name' => 'user-profile-button']) ?>
+                </div>
+                <?php ActiveForm::end(); ?>
+            </div>
+        </div>
+    </div>
 </div>

frontend/web/js/frontend.js

 
 $(document).ready(function () {
     opendistrib_signup();
-
     producersModule.init();
 });
 
 
             if(searchWords && searchWords.length > 0) {
                 $('.panel-producer').each(function() {
-                    if($(this).find('h2').text().toLowerCase().indexOf(searchWords) >= 0) {
+                    if($(this).find('h2').text().toLowerCase().indexOf(searchWords) >= 0
+                        || $(this).find('.location').text().toLowerCase().indexOf(searchWords) >= 0) {
+
                         $(this).show();
                         count ++;
                     }

frontend/web/sass/_responsive.scss

   }
 
   #main {
-    padding-top: 30px;
+    //padding-top: 30px;
 
     .container {
       padding-left: 15px;

frontend/web/sass/screen.scss

 $gris1: #e0e0e0;
 $gris2: #e0e0e0;
 $courant: #323232;
-$color1: #F39C12;
+$color1: #F2B84B;
 $color2: white;
 
 @import "_fonts.scss";
   margin: 0;
   padding: 0;
   background-color: #FFF8DC;
+  //background-color: #F5DE83;
 }
 
 strong {
 
 #main {
   padding-bottom: 50px;
+  min-height: 800px;
 
   a {
     color: $courant;
   }
 }
 
+section#header-title {
+  padding-top: 30px;
+  padding-bottom: 40px;
+  background-color: $color1;
+
+  h1 {
+    text-align: center;
+    color: white;
+    font-family: 'highvoltageregular';
+
+    .glyphicon {
+      position: relative;
+      top: 4px;
+      margin-right: 10px;
+    }
+  }
+}
+
 #content {
 
   #the-content {
 #header {
   z-index: 100;
   border-bottom: solid 1px $gris1;
+  border: 0px none;
   background-color: white;
 
   .container {
     font-family: "highvoltageregular";
     color: #333;
 
+    &.souke {
+      padding-top: 0px;
+      position: relative;
+      top: 7px;
+    }
+
     span {
       //color: $color1;
       //color: gray;
           display: block;
           text-decoration: none;
           background-color: transparent;
-          padding: 10px 15px;
+          padding: 7px 15px;
           margin: 0px;
           font-family: 'capsuularegular';
           font-weight: bold;
 
           span {
             font-size: 15px;
+            margin-right: 3px;
           }
 
           &:hover {
   position: relative;
   padding: 20px 0px;
   padding-top: 35px;
-  padding-bottom: 100px;
+  padding-bottom: 60px;
 
   h1#title-site, h1 {
     font-family: "highvoltageregular";
 
         .glyphicon {
           font-size: 20px;
-          display: none;
         }
 
         span.the-title {
-          margin-left: 10px;
           font-size: 26px;
           position: relative;
           top: 0px;
-          text-transform: uppercase;
+          text-transform: none;
         }
       }
     }
       background-color: white;
       @include border-radius(0px 0px 5px 5px) ;
     }
+
+    &.panel-primary {
+      border: 0px none;
+      border-bottom: solid 1px #e0e0e0;
+      @include border-radius(8px);
+      margin-bottom: 30px;
+
+      .panel-heading {
+        @include border-radius(8px 8px 0px 0px);
+        border: 0px none;
+        background-color: $color1;
+        background-color: white;
+        padding-top: 15px;
+        padding-bottom: 8px;
+
+        h2.panel-title {
+          color: $color1;
+
+          .glyphicon {
+            font-size: 30px;
+            margin-right: 6px;
+            position: relative;
+            top: 4px;
+          }
+
+          .the-title {
+            font-size: 28px;
+          }
+        }
+      }
+      .panel-body {
+        @include border-radius(0px 0px 8px 8px);
+        border: 0px none;
+      }
+      .panel-footer {
+
+      }
+    }
   }
 
   #row-users-producers {
+    width: 100%;
     text-align: center;
     display: table;
     margin-bottom: 20px;
+    padding-top: 100px;
     @include border-radius(5px) ;
 
     .col-md-6 {
 
       &.users {
         padding-right: 0px;
+      }
 
-        .panel-heading {
-          background-color: white;
+      .panel-heading {
+        //background-color: $color1;
+        h2 {
+          //color: white;
         }
       }
+
+      .hook {
+        font-family: 'capsuularegular';
+        font-size: 23px;
+        line-height: 28px;
+        margin-top: 10px;
+        margin-bottom: 30px;
+      }
     }
   }
 
       }
     }
 
-    p.presentation {
-      font-family: 'capsuularegular';
-      color: black;
-      font-size: 20px;
-      line-height: 26px;
+    .panel-body {
+      //font-family: 'capsuularegular';
+      //color: black;
+      //font-size: 20px;
+      //line-height: 26px;
     }
 
     p {
   bottom: 0px;
   width: 100%;
   text-align: left;
-  padding-top: 30px;
-  padding-bottom: 17px;
-  background-color: white;
-  border-top: solid 1px #e0e0e0;
+  padding-top: 22px;
+  padding-bottom: 16px;
+  background-color: #333;
+  border-top: 0px none;
+  color: white;
 
   a {
-    color: black;
+    color: white;
     font-family: 'capsuularegular';
     font-size: 18px;
     text-decoration: none;
     padding-left: 10px;
     padding-right: 10px;
     border-right: solid 1px white;
+    border: 0px none;
 
     &:hover {
       text-decoration: underline;
 
 .site-producers {
 
-  $height-producers-list-map: 650px;
-
   #producers-list {
-    max-height: $height-producers-list-map;
 
     #producer-search {
       padding-bottom: 15px;
-      //margin-bottom: 10px;
-      //border-bottom: solid 1px #e0e0e0;
     }
 
     .alert-no-results {
     }
 
     .panel {
+      border: solid 1px #e0e0e0;
+      @include border-radius(8px);
 
       .panel-body {
+        border: 0px none;
+        @include border-radius(8px);
+
         h2 {
           font-family: 'capsuularegular';
           font-weight: bold;
         }
 
         .producer-type {
-          //color: gray;
           text-transform: uppercase;
           margin-bottom: 10px;
           font-size: 14px;
       }
 
       .panel-footer {
+        @include border-radius(0px 0px 8px 8px);
+        border: 0px none;
         //text-align: right;
       }
 
       }
     }
   }
+
   #producers-map {
-    height: $height-producers-list-map;
+    height: 750px;
+    border: solid 1px #e0e0e0;
+    @include border-radius(8px);
 
     &.fixed {
       position: fixed !important;
       top: 20px;
       width: 300px;
+      //height: 80%;
+      height: 750px;
     }
 
     a {
     font-weight: bold;
   }
 
+  h2 {
+    text-transform: none;
+    font-size: 25px;
+
+    &:first-child {
+      margin-top: 0px;
+    }
+  }
+
 }
 
 /* login */
     float: none;
   }
 
-  #contact-phone {
-    font-family: 'capsuularegular';
-    font-size: 20px;
-    line-height: 25px;
+  .form-group.submit {
+    text-align: center;
   }
 }