Adaptation de la page d'accueil à la nouvelle interface. Mise à jour de la politique de prix.

il y a 6 ans · 3d1d9c51c4
--- a/frontend/components/MyView.php
+++ b/frontend/components/MyView.php
@@ -5,15 +5,34 @@ namespace frontend\components ;
 class MyView extends \yii\web\View {
    
    var $icon ;
    var $page_title ;
    var $subtitle ;
    
    public function setTitle($title, $icon) {
    public function setTitle($title, $icon = '') {
        $this->title = $title ;
        $this->page_title = $title ;
        $this->icon = $icon ;
    }
    
    public function getTitle() {
        return $this->title ;
    }
    
    public function setPageTitle($page_title) {
        $this->page_title = $page_title ;
    }
    
    public function getPageTitle() {
        return $this->page_title ;
    }
    
    public function setSubtitle($subtitle) {
        $this->subtitle = $subtitle ;
    }
    
    public function getSubtitle() {
        return $this->subtitle ;
    }

    public function getTitleIcon() {
        return $this->icon ;
--- a/frontend/views/layouts/main.php
+++ b/frontend/views/layouts/main.php
@@ -17,7 +17,7 @@ AppAsset::register($this);
 <?php $this->beginPage() ?>
 <!DOCTYPE html>
 <head>
    <title><?php if($is_home): ?>La boîte à pain &bull; <?= Html::encode($this->title) ?> <?php else: ?><?= Html::encode($this->title) ?> &bull; La boîte à pain<?php endif; ?></title>
    <title><?php if($is_home): ?>La boîte à pain &bull; <?= Html::encode($this->getPageTitle()) ?> <?php else: ?><?= Html::encode($this->getPageTitle()) ?> &bull; La boîte à pain<?php endif; ?></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?= Html::csrfMetaTags() ?>
@@ -77,7 +77,10 @@ AppAsset::register($this);
                </section>

                <?php if(Yii::$app->user->isGuest):?>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut ipsum venenatis, aliquam tellus sit amet, elementum ex. Sed a ex fermentum, viverra augue in, eleifend lectus. Morbi pretium vestibulum quam at vulputate. Sed malesuada est ligula, sit amet hendrerit risus eleifend vitae. Donec sed lacus ac dolor interdum ultrices. Maecenas malesuada elit vel est commodo aliquet. Praesent ullamcorper ante vitae rutrum placerat. Proin ornare hendrerit leo, iaculis cursus augue ultricies at. </p>
                    <p>&#10149; Connectez-vous ou créez un compte pour passer commande chez votre producteur.</p>
                    
                    <p>&#10149; Producteurs, vous pouvez tester l'outil avant de créer votre compte : <a class="btn btn-default btn-xs" id="btn-demo" href="http://demo.laboiteapain.net/"><span class="glyphicon glyphicon-eye-open"></span> Espace de démo</a>
                    </p>
                <?php else: ?>
                <section id="producteurs">
                    <h2>Producteurs</h2>
@@ -109,6 +112,7 @@ AppAsset::register($this);
            <?php if(strlen($this->getTitle())): ?>
            <div class="header-title">
                <h1><?php if(strlen($this->getTitleIcon())): ?><span class="glyphicon <?= $this->getTitleIcon(); ?>"></span><?php endif; ?> <?= $this->getTitle(); ?></h1>
                <?php if(strlen($this->getSubtitle())): ?><h2><?= $this->getSubtitle(); ?></h2><?php endif; ?>
            </div>
            <?php endif; ?>            

--- a/frontend/views/site/_cgv_content.php
+++ b/frontend/views/site/_cgv_content.php
@@ -63,9 +63,9 @@

 <h2>8. Redevances d'utilisation du Site</h2>
 <p>La création d’un compte et l’utilisation de la partie du Site réservée aux Boulangers 
    implique le paiement mensuel par les Boulangers d'un montant défini par eux-même dans
    la section Facturation. Si ce montant est supérieur à 0€, la Société émettra à l’issue 
    de chaque mois une facture au Boulanger, payable 
    implique le paiement mensuel par les Boulangers d’un montant équivalent à deux (2) % 
    du chiffre d’affaires mensuel réalisé à partir des commandes enregistrées sur le Site. 
    La Société émettra à l’issue de chaque mois une facture au Boulanger, payable 
    par virement bancaire ou par chèque dans les trente (30) jours à compter 
    de la date d’émission de la facture. Tout défaut ou retard de paiement emportera 
    immédiatement application de pénalités de retard à un taux qui est de trois fois 
--- a/frontend/views/site/_tarifs_boulanger.php
+++ b/frontend/views/site/_tarifs_boulanger.php
@@ -7,10 +7,12 @@
        <h4 class="modal-title" id="myModalLabel">Tarifs</h4>
      </div>
      <div class="modal-body">
          <div class="alert alert-warning"><em>La boîte à pain</em> fonctionne grâce à un système de <strong>prix libre</strong>.
          Chaque producteur définit lui-même le prix mensuel de son abonnement à la plateforme, selon son intérêt et le soutien qu'il
          veut apporter.<br /><br />
          Ce montant est modifiable à tout moment dans la section <em>Facturation</em> de l'interface d'administration.</div>
            <div class="alert alert-warning"><em>La boîte à pain</em> fonctionne grâce à un système de <strong>facturation mensuelle</strong> basée
                    sur le chiffre d'affaire réalisé à partir des commandes enregistrées sur la plateforme. Fonctionner ainsi permet de faire contribuer chaque
                    boulangerie à la hauteur de son utilisation de la plateforme.</div>
            <div class="commission"><span><strong>2 %</strong> du chiffre d'affaire TTC</span></div>                
            <div class="exemple">Exemple : si pour un mois donné, vous avez comptabilisé <em>2500 € TTC</em> de chiffre d'affaire réalisé sur la plateforme, 
            vous recevrez une facture d'un montant de <em>50 € TTC</em> pour ce mois.</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
--- a/frontend/views/site/cgv.php
+++ b/frontend/views/site/cgv.php
@@ -2,7 +2,7 @@
    $this->title = 'Conditions générales de service';
 ?>

 <div class="container content-text">
 <div class="content-text">
    
 <h1>Conditions générales de service</h1>

--- a/frontend/views/site/index.php
+++ b/frontend/views/site/index.php
@@ -13,100 +13,56 @@ use dosamigos\leaflet\widgets\Map;
 use common\helpers\Url ;

 /* @var $this yii\web\View */
 $this->title = 'Plateforme de réservation de pain';
 ?>

 <?php

 $this->setTitle('Bienvenue sur la boîte à pain') ;
 $this->setSubtitle('Des outils numériques pour les circuits courts') ;
 $this->setPageTitle('Plateforme de réservation de pain') ;
 ?>
 			
 <div class="item" id="presentation">
    <div class="container">
 	<div class="row" id="row-presentation">
            <div class="col-md-12">
                <h1 id="title-site">La boîte à pain</h1>
                <p><strong>Plateforme de réservation</strong></p>
                <div class="clr"></div>
            </div>
 	</div>
        
        <div class="row" id="row-clients-boulanger">
            <div class="col-md-6" id="clients">
                <h2>
                    <img src="./img/clients.png" id="img-clients" /><br />
                    Clients
                </h2>
                
                <p><em>Réservez votre pain en ligne et récupérez votre commande<br />
                chez votre producteur ou dans un dépôt près de chez vous.</em></p>
                
                <ul>
                    <li>Garantie d'avoir du pain</li>
                    <li>Moyen simple de commander</li>
                    <li>Possibilité de choisir un dépôt proche de chez soi</li>
                </ul>
                
                <div class="prix">
                    <span>Gratuit</span>
                </div>
 <div id="presentation">
    <div class="row" id="row-clients-boulanger">
        <div class="col-md-6" id="clients">
            <h2>
                <img class="img" src="./img/clients.png" id="img-clients" />
                <span>Clients</span>
            </h2>
            <p><em>Réservez votre pain en ligne et récupérez votre commande<br />
            chez votre producteur ou dans un dépôt près de chez vous.</em></p>
            <ul>
                <li>Garantie d'avoir vos produits</li>
                <li>Moyen simple de commander</li>
                <li>Possibilité de choisir un dépôt proche de chez soi</li>
            </ul>
            <div class="prix">
                <span>Gratuit</span>
            </div>
            <div class="col-md-6 boulanger">
                <h2>
                    <img src="./img/boulanger1.png" id="img-boulanger" /><br />
                    Producteur
                </h2>
                
                <p><em>Simplifiez la gestion de vos commandes<br /> et optimisez votre production.</em></p>
                
                <ul>
                    <li>Prise de commande en ligne automatisée</li>
                    <li>Gestion de vos points de vente (dépôts, AMAP, boîte à pain etc.)</li>
                    <li>Réception de vos commandes par email</li>
                    <li>Mise en place de comptes prépayés possible pour vos clients</li>
                </ul>
                
                <div class="prix">
                    <span><a data-toggle="modal" data-target="#modal-tarifs" href="javascript:void(0);">Prix libre</a></span>
                </div>
        </div>
        <div class="col-md-6 boulanger">
            <h2>
                <img class="img" src="./img/boulanger1.png" id="img-boulanger" />
                <span>Producteur</span>
            </h2>

            <p><em>Simplifiez la gestion de vos commandes<br /> et optimisez votre production.</em></p>

            <ul>
                <li>Prise de commande en ligne automatisée</li>
                <li>Gestion de vos points de vente (dépôts, AMAP etc.)</li>
                <li>Réception de vos commandes par email</li>
                <li>Mise en place de comptes prépayés possible pour vos clients</li>
            </ul>

            <div class="prix">
                <span><a data-toggle="modal" data-target="#modal-tarifs" href="javascript:void(0);">Commission : 2% du CA</a></span>
            </div>
        </div>
        <?php if(Yii::$app->user->isGuest): ?>
        <div class="row" id="row-signup">
            <?php if(YII_ENV == 'demo'): ?>
                <a class="btn btn-primary btn-lg" href="<?= Url::env('prod','frontend'); ?>"><span class="glyphicon glyphicon-circle-arrow-left"></span> Retour sur le site</a>
            <?php else: ?>
                <a class="btn btn-primary btn-lg" href="<?= Yii::$app->urlManager->createUrl('site/signup'); ?>"><span class="glyphicon glyphicon-circle-arrow-right"></span> Je m'inscris</a><br /><br />
                <a class="btn btn-default btn-lg" id="btn-demo" href="http://demo.laboiteapain.net/"><span class="glyphicon glyphicon-eye-open"></span> Espace de démo</a>;
            <?php endif; ?>    
        </div> 
        <?php endif; ?>
    </div>
 </div>

 <div class="item back1" id="contact">
 	<div class="container">
 	
 		<div class="separateur"></div>
 		<h2><img class="icon" src="<?php echo Yii::$app->urlManager->getBaseUrl() ; ?>/img/icon_53324.png" alt="" /> Contact</h2>		
 		
 		<?php if(Yii::$app->session->getFlash('success')): ?>
 			<div class="alert alert-success"><div class="icon"></div><?= Yii::$app->session->getFlash('success'); ?></div>
 		<?php endif; ?>
 		
 		<?php $form = ActiveForm::begin(['id' => 'contact-form', 'action'=> '#par-telephone', 'layout' => 'horizontal',]); ?>
                <?= $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>',
                ]) ?>
                <div class="form-group">
                    <?= Html::submitButton('Envoyer', ['class' => 'btn btn-default', 'name' => 'contact-button']) ?>
                </div>
            <?php ActiveForm::end(); ?>
 		
 	</div>
    <?php if(Yii::$app->user->isGuest): ?>
    <div class="row" id="row-signup">
        <?php if(YII_ENV == 'demo'): ?>
            <a class="btn btn-primary btn-lg" href="<?= Url::env('prod','frontend'); ?>"><span class="glyphicon glyphicon-circle-arrow-left"></span> Retour sur le site</a>
        <?php endif; ?>    
    </div> 
    <?php endif; ?>
 </div>

 <!-- Tarifs -->
--- a/frontend/web/.sass-cache/e1a48ee3204d3a535cdbe440c2995954a615ac19/screen.scssc
+++ b/frontend/web/.sass-cache/e1a48ee3204d3a535cdbe440c2995954a615ac19/screen.scssc
--- a/frontend/web/css/screen.css
+++ b/frontend/web/css/screen.css
@@ -178,23 +178,26 @@ ul li {

 /* line 148, ../sass/screen.scss */
 #content #the-content {
  padding-top: 100px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 50px;
 }

 /* line 154, ../sass/screen.scss */
 /* line 156, ../sass/screen.scss */
 #block-demo {
  padding: 10px 0px;
  background-color: #BB8757;
  color: white;
  text-align: center;
 }
 /* line 160, ../sass/screen.scss */
 /* line 162, ../sass/screen.scss */
 #block-demo a {
  color: white;
  text-decoration: underline;
 }

 /* line 166, ../sass/screen.scss */
 /* line 168, ../sass/screen.scss */
 #header {
  display: none;
  z-index: 100;
@@ -202,11 +205,11 @@ ul li {
  background-color: #f8f1dd;
  height: 86px;
 }
 /* line 173, ../sass/screen.scss */
 /* line 175, ../sass/screen.scss */
 #header .container {
  position: relative;
 }
 /* line 177, ../sass/screen.scss */
 /* line 179, ../sass/screen.scss */
 #header #env-dev {
  font-family: "comfortaabold";
  text-align: center;
@@ -219,7 +222,7 @@ ul li {
  top: 18px;
  left: 79px;
 }
 /* line 190, ../sass/screen.scss */
 /* line 192, ../sass/screen.scss */
 #header #link-home {
  position: absolute;
  top: 10px;
@@ -229,56 +232,56 @@ ul li {
  color: black;
  display: block;
 }
 /* line 199, ../sass/screen.scss */
 /* line 201, ../sass/screen.scss */
 #header #link-home img {
  height: 60px;
  margin-bottom: 5px;
  float: left;
 }
 /* line 205, ../sass/screen.scss */
 /* line 207, ../sass/screen.scss */
 #header #link-home .text {
  float: left;
  padding-left: 10px;
 }
 /* line 209, ../sass/screen.scss */
 /* line 211, ../sass/screen.scss */
 #header #link-home .text .bap {
  font-family: "comfortaalight";
  font-size: 24px;
 }
 /* line 214, ../sass/screen.scss */
 /* line 216, ../sass/screen.scss */
 #header #link-home .text .plateforme {
  font-size: 17px;
  font-family: "myriadpro-light";
  color: #BB8757;
 }
 /* line 222, ../sass/screen.scss */
 /* line 224, ../sass/screen.scss */
 #header #link-espace-boulanger {
  border-left: solid 1px #e0e0e0;
  color: #BB8757;
 }
 /* line 227, ../sass/screen.scss */
 /* line 229, ../sass/screen.scss */
 #header nav {
  padding-top: 22px;
 }
 /* line 229, ../sass/screen.scss */
 /* line 231, ../sass/screen.scss */
 #header nav ul {
  float: right;
 }
 /* line 232, ../sass/screen.scss */
 /* line 234, ../sass/screen.scss */
 #header nav ul li a {
  text-decoration: none;
  color: #505050;
 }
 /* line 235, ../sass/screen.scss */
 /* line 237, ../sass/screen.scss */
 #header nav ul li a.active {
  background-color: white;
 }
 /* line 239, ../sass/screen.scss */
 /* line 241, ../sass/screen.scss */
 #header nav ul li a:hover {
  color: black;
  background-color: white;
 }
 /* line 249, ../sass/screen.scss */
 /* line 251, ../sass/screen.scss */
 #header #link-logout .nom {
  color: gray;
  font-size: 10px;
@@ -287,18 +290,18 @@ ul li {
  top: -4px;
 }

 /* line 266, ../sass/screen.scss */
 /* line 268, ../sass/screen.scss */
 #content {
  position: relative;
  min-height: 500px;
  padding: 0px;
 }
 /* line 272, ../sass/screen.scss */
 /* line 274, ../sass/screen.scss */
 #content h1#title-site {
  font-family: "comfortaalight";
  font-size: 50px;
 }
 /* line 279, ../sass/screen.scss */
 /* line 281, ../sass/screen.scss */
 #content h2 {
  color: black;
  padding-bottom: 15px;
@@ -309,16 +312,16 @@ ul li {
  position: relative;
  margin-top: 30px;
 }
 /* line 290, ../sass/screen.scss */
 /* line 292, ../sass/screen.scss */
 #content h3 {
  color: black;
  font-size: 20px;
 }
 /* line 298, ../sass/screen.scss */
 /* line 300, ../sass/screen.scss */
 #content #description img {
  width: 100%;
 }
 /* line 303, ../sass/screen.scss */
 /* line 305, ../sass/screen.scss */
 #content #main-img {
  max-width: 100%;
  border: solid 1px #e0e0e0;
@@ -327,76 +330,79 @@ ul li {
  -webkit-border-radius: 5px;
  border-radius: 5px;
 }
 /* line 310, ../sass/screen.scss */
 #content #row-presentation {
  text-align: center;
 }
 /* line 312, ../sass/screen.scss */
 /* line 314, ../sass/screen.scss */
 #content #row-presentation h1 {
  color: black;
 }
 /* line 315, ../sass/screen.scss */
 /* line 317, ../sass/screen.scss */
 #content #row-presentation strong {
  font-family: "myriadpro-light";
  font-size: 20px;
  color: #B17A48;
 }
 /* line 322, ../sass/screen.scss */
 /* line 324, ../sass/screen.scss */
 #content #row-signup {
  text-align: center;
  margin-top: 40px;
  padding-top: 40px;
 }
 /* line 326, ../sass/screen.scss */
 /* line 329, ../sass/screen.scss */
 #content #row-signup a.btn {
  padding: 13px 32px;
  font-size: 25px;
  padding: 10px 20px;
  font-size: 20px;
  text-transform: uppercase;
 }
 /* line 335, ../sass/screen.scss */
 #content #row-signup a.btn-primary {
  margin-right: 15px;
 }
 /* line 332, ../sass/screen.scss */
 /* line 340, ../sass/screen.scss */
 #content #row-clients-boulanger {
  margin-bottom: 50px;
  text-align: center;
 }
 /* line 335, ../sass/screen.scss */
 /* line 343, ../sass/screen.scss */
 #content #row-clients-boulanger h2 {
  text-align: center;
  margin-bottom: 15px;
  padding-bottom: 0px;
 }
 /* line 339, ../sass/screen.scss */
 #content #row-clients-boulanger h2 img {
  height: 70px;
  margin-bottom: 60px;
  margin-bottom: 10px;
 }
 /* line 345, ../sass/screen.scss */
 #content #row-clients-boulanger h2 .img {
  height: 50px;
 }
 /* line 348, ../sass/screen.scss */
 #content #row-clients-boulanger h2 span {
  margin-left: 10px;
  font-size: 25px;
  position: relative;
  top: 5px;
 }
 /* line 356, ../sass/screen.scss */
 #content #row-clients-boulanger ul {
  text-align: left;
  margin-left: 20%;
 }
 /* line 348, ../sass/screen.scss */
 /* line 358, ../sass/screen.scss */
 #content #row-clients-boulanger ul li {
  list-style-type: circle;
  color: #BB8757;
 }
 /* line 354, ../sass/screen.scss */
 #content #row-clients-boulanger #clients {
  border-right: dotted 1px gray;
 /* line 364, ../sass/screen.scss */
 #content #row-clients-boulanger p {
  padding-bottom: 4px;
 }
 /* line 360, ../sass/screen.scss */
 /* line 370, ../sass/screen.scss */
 #content #row-clients-boulanger .boulanger .prix span {
  background-color: #F8F1DD;
 }
 /* line 363, ../sass/screen.scss */
 /* line 373, ../sass/screen.scss */
 #content #row-clients-boulanger .boulanger .prix span a {
  color: #BB8757;
  text-decoration: none;
 }
 /* line 371, ../sass/screen.scss */
 /* line 381, ../sass/screen.scss */
 #content #row-clients-boulanger .prix {
  padding-top: 15px;
  font-size: 18px;
  text-align: center;
 }
 /* line 376, ../sass/screen.scss */
 /* line 385, ../sass/screen.scss */
 #content #row-clients-boulanger .prix span {
  color: #BB8757;
  border: solid 1px #BB8757;
@@ -411,7 +417,7 @@ ul li {
  -webkit-border-radius: 5px;
  border-radius: 5px;
 }
 /* line 391, ../sass/screen.scss */
 /* line 400, ../sass/screen.scss */
 #content #row-clients-boulanger #periode-essai {
  margin-top: 8px;
  text-align: center;
@@ -419,50 +425,65 @@ ul li {
  color: gray;
  font-family: "comfortaaregular";
 }
 /* line 401, ../sass/screen.scss */
 /* line 410, ../sass/screen.scss */
 #content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active {
  color: black;
 }
 /* line 407, ../sass/screen.scss */
 /* line 416, ../sass/screen.scss */
 #content #modal-tarifs .commission {
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 20px;
 }
 /* line 422, ../sass/screen.scss */
 #content #modal-tarifs .commission span {
  padding: 10px 20px;
  border: solid 1px black;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
 }
 /* line 428, ../sass/screen.scss */
 #content #modal-tarifs .exemple {
  color: gray;
 }

 /* line 414, ../sass/screen.scss */
 /* line 435, ../sass/screen.scss */
 #content #contact {
  display: none;
 }
 /* line 418, ../sass/screen.scss */
 /* line 439, ../sass/screen.scss */
 #content #contact .icon {
  width: 55px;
  top: -15px;
  margin-left: -70px;
 }
 /* line 427, ../sass/screen.scss */
 /* line 448, ../sass/screen.scss */
 #content #contact .form-control:focus {
  /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
  border-color: $jaune ;*/
 }
 /* line 432, ../sass/screen.scss */
 /* line 453, ../sass/screen.scss */
 #content #contact .form-group {
  text-align: center;
 }
 /* line 436, ../sass/screen.scss */
 /* line 457, ../sass/screen.scss */
 #content #contact .img-right {
  float: right;
 }
 /* line 439, ../sass/screen.scss */
 /* line 460, ../sass/screen.scss */
 #content #contact .img-right img {
  width: 300px;
 }

 /* line 446, ../sass/screen.scss */
 /* line 467, ../sass/screen.scss */
 .form-control:focus {
  /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
  border-color: $jaune ;*/
 }

 /* line 451, ../sass/screen.scss */
 /* line 472, ../sass/screen.scss */
 #footer {
  width: 100%;
  height: 50px;
@@ -475,7 +496,7 @@ ul li {
  bottom: 0px;
  left: 0px;
 }
 /* line 465, ../sass/screen.scss */
 /* line 486, ../sass/screen.scss */
 #footer a {
  font-family: "myriadpro-regular";
  font-size: 12px;
@@ -485,29 +506,29 @@ ul li {
  padding-right: 10px;
  border-right: solid 1px white;
 }
 /* line 473, ../sass/screen.scss */
 /* line 494, ../sass/screen.scss */
 #footer a:hover {
  color: gray;
 }
 /* line 477, ../sass/screen.scss */
 /* line 498, ../sass/screen.scss */
 #footer a:last-child {
  border: 0px none;
 }

 /* line 483, ../sass/screen.scss */
 /* line 504, ../sass/screen.scss */
 #content #mentions {
  padding-top: 20px;
 }
 /* line 486, ../sass/screen.scss */
 /* line 507, ../sass/screen.scss */
 #content #mentions div.content {
  width: 60%;
  font-size: 90%;
 }
 /* line 491, ../sass/screen.scss */
 /* line 512, ../sass/screen.scss */
 #content #mentions p {
  padding-bottom: 15px;
 }
 /* line 495, ../sass/screen.scss */
 /* line 516, ../sass/screen.scss */
 #content #mentions h2 {
  color: black;
  padding-bottom: 40px;
@@ -515,7 +536,7 @@ ul li {
  line-height: 35px;
  font-family: "myriadpro-regular";
 }
 /* line 503, ../sass/screen.scss */
 /* line 524, ../sass/screen.scss */
 #content #mentions h3 {
  font-family: "comfortaaregular";
  font-size: 18px;
@@ -524,58 +545,58 @@ ul li {
  color: black;
 }

 /* line 514, ../sass/screen.scss */
 /* line 535, ../sass/screen.scss */
 .mentions #main, .mentions body {
  background-color: white;
 }

 /* line 519, ../sass/screen.scss */
 /* line 540, ../sass/screen.scss */
 .vegas-loading {
  display: none;
 }

 /* line 526, ../sass/screen.scss */
 /* line 547, ../sass/screen.scss */
 #profil-user .form-group.field-user-no_mail label {
  font-weight: normal;
 }
 /* line 530, ../sass/screen.scss */
 /* line 551, ../sass/screen.scss */
 #profil-user .form-group label {
  cursor: pointer;
 }
 /* line 535, ../sass/screen.scss */
 /* line 556, ../sass/screen.scss */
 #profil-user #mails-jours-prod .form-group {
  float: left;
  margin-right: 15px;
 }
 /* line 538, ../sass/screen.scss */
 /* line 559, ../sass/screen.scss */
 #profil-user #mails-jours-prod .form-group label {
  font-weight: normal;
 }
 /* line 544, ../sass/screen.scss */
 /* line 565, ../sass/screen.scss */
 #profil-user p.strong {
  font-weight: bold;
 }

 /* login */
 /* line 553, ../sass/screen.scss */
 /* line 574, ../sass/screen.scss */
 .site-login .col-lg-5 {
  margin: 0px auto;
  float: none;
 }

 /* signup */
 /* line 561, ../sass/screen.scss */
 /* line 582, ../sass/screen.scss */
 .modal-backdrop {
  z-index: -1;
 }

 /* line 566, ../sass/screen.scss */
 /* line 587, ../sass/screen.scss */
 .site-signup .col-lg-5 {
  margin: 0px auto;
  float: none;
 }

 /* line 576, ../sass/screen.scss */
 /* line 597, ../sass/screen.scss */
 #modal-cgv .modal-body h2 {
  margin-bottom: 5px;
  padding-bottom: 0px;
@@ -583,37 +604,37 @@ ul li {
  margin-top: 0px;
 }

 /* line 586, ../sass/screen.scss */
 /* line 607, ../sass/screen.scss */
 #form-signup #client-boulanger {
  margin-bottom: 30px;
 }
 /* line 591, ../sass/screen.scss */
 /* line 612, ../sass/screen.scss */
 #form-signup #signupform-id_etablissement option:disabled {
  font-weight: bold;
  color: black;
 }
 /* line 597, ../sass/screen.scss */
 /* line 618, ../sass/screen.scss */
 #form-signup #champs-boulanger {
  display: none;
 }
 /* line 601, ../sass/screen.scss */
 /* line 622, ../sass/screen.scss */
 #form-signup #boutons-inscrire {
  margin-top: 30px;
 }

 /* line 606, ../sass/screen.scss */
 /* line 627, ../sass/screen.scss */
 #col-left {
  padding: 0px;
  z-index: 15;
 }
 /* line 610, ../sass/screen.scss */
 /* line 631, ../sass/screen.scss */
 #col-left .affix {
  width: 25%;
  border-right: solid 1px #e0e0e0;
  background-color: #FAFAFA;
  height: 100%;
 }
 /* line 617, ../sass/screen.scss */
 /* line 638, ../sass/screen.scss */
 #col-left #link-home {
  text-decoration: none;
  font-size: 22px;
@@ -622,28 +643,28 @@ ul li {
  padding: 10px;
  background-color: #F8F1DD;
 }
 /* line 625, ../sass/screen.scss */
 /* line 646, ../sass/screen.scss */
 #col-left #link-home img {
  height: 50px;
  margin-bottom: 5px;
  float: left;
 }
 /* line 631, ../sass/screen.scss */
 /* line 652, ../sass/screen.scss */
 #col-left #link-home .text {
  padding-left: 62px;
 }
 /* line 634, ../sass/screen.scss */
 /* line 655, ../sass/screen.scss */
 #col-left #link-home .text .bap {
  font-family: "comfortaalight";
  font-size: 24px;
 }
 /* line 639, ../sass/screen.scss */
 /* line 660, ../sass/screen.scss */
 #col-left #link-home .text .plateforme {
  font-size: 17px;
  font-family: "myriadpro-light";
  color: #BB8757;
 }
 /* line 647, ../sass/screen.scss */
 /* line 668, ../sass/screen.scss */
 #col-left h2 {
  font-family: "myriadpro-regular";
  color: black;
@@ -651,37 +672,37 @@ ul li {
  margin-bottom: 10px;
  padding: 15px 0px 5px 15px;
 }
 /* line 655, ../sass/screen.scss */
 /* line 676, ../sass/screen.scss */
 #col-left #links {
  background-color: white;
  margin-bottom: 20px;
 }
 /* line 661, ../sass/screen.scss */
 /* line 682, ../sass/screen.scss */
 #col-left #links ul li a {
  text-align: center;
  border-right: solid 1px #e0e0e0;
 }
 /* line 665, ../sass/screen.scss */
 /* line 686, ../sass/screen.scss */
 #col-left #links ul li a:hover {
  background-color: #BB8757;
  color: white;
 }
 /* line 671, ../sass/screen.scss */
 /* line 692, ../sass/screen.scss */
 #col-left #links ul li:last-child a {
  border-right: 0px none;
 }
 /* line 681, ../sass/screen.scss */
 /* line 702, ../sass/screen.scss */
 #col-left #producteurs nav.nav-producteurs ul li a {
  padding-left: 50px;
  height: 40px;
 }
 /* line 687, ../sass/screen.scss */
 /* line 708, ../sass/screen.scss */
 #col-left #producteurs nav.nav-producteurs ul li.active a {
  background-color: #BB8757;
  position: relative;
  color: white;
 }
 /* line 692, ../sass/screen.scss */
 /* line 713, ../sass/screen.scss */
 #col-left #producteurs nav.nav-producteurs ul li.active a:after {
  right: -40px;
  top: 50%;
@@ -696,18 +717,18 @@ ul li {
  border-width: 20px;
  margin-top: -20px;
 }
 /* line 711, ../sass/screen.scss */
 /* line 732, ../sass/screen.scss */
 #col-left ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
 }
 /* line 715, ../sass/screen.scss */
 /* line 736, ../sass/screen.scss */
 #col-left ul li {
  margin: 0px;
  padding: 0px;
 }
 /* line 718, ../sass/screen.scss */
 /* line 739, ../sass/screen.scss */
 #col-left ul li a {
  text-decoration: none;
  font-family: "comfortaaregular";
@@ -718,18 +739,19 @@ ul li {
  display: block;
  color: black;
 }
 /* line 728, ../sass/screen.scss */
 /* line 749, ../sass/screen.scss */
 #col-left ul li a span.nom, #col-left ul li a span.libelle {
  display: none;
 }
 /* line 735, ../sass/screen.scss */
 /* line 756, ../sass/screen.scss */
 #col-left p {
  padding: 20px;
  padding-top: 0px;
  color: gray;
 }

 /* line 741, ../sass/screen.scss */
 .header-title {
 /* line 764, ../sass/screen.scss */
 #content .header-title {
  height: 79px;
  padding: 20px 20px;
  position: fixed;
@@ -743,24 +765,33 @@ ul li {
  -webkit-box-shadow: 0px 0px 8px #e0e0e0;
  box-shadow: 0px 0px 8px #e0e0e0;
 }
 /* line 753, ../sass/screen.scss */
 .header-title h1 {
 /* line 776, ../sass/screen.scss */
 #content .header-title h1 {
  color: black;
  font-family: "myriadpro-regular";
  margin: 0px;
  font-size: 30px;
  font-size: 25px;
  text-transform: uppercase;
 }
 /* line 784, ../sass/screen.scss */
 #content .header-title h2 {
  color: gray;
  text-transform: none;
  font-size: 15px;
  margin-top: 3px;
  line-height: 20px;
 }

 /* line 761, ../sass/screen.scss */
 /* line 795, ../sass/screen.scss */
 .header-etablissement {
  z-index: 1;
 }
 /* line 763, ../sass/screen.scss */
 /* line 797, ../sass/screen.scss */
 .header-etablissement #block-main-img {
  height: 144px;
  overflow: hidden;
 }
 /* line 767, ../sass/screen.scss */
 /* line 801, ../sass/screen.scss */
 .header-etablissement #block-main-img #main-img {
  width: 100%;
  height: auto;
@@ -770,7 +801,7 @@ ul li {
  -webkit-border-radius: 0px;
  border-radius: 0px;
 }
 /* line 776, ../sass/screen.scss */
 /* line 810, ../sass/screen.scss */
 .header-etablissement h1 {
  font-family: "comfortaaregular";
  text-align: center;
@@ -778,23 +809,23 @@ ul li {
  top: 30px;
  left: 40px;
 }
 /* line 783, ../sass/screen.scss */
 /* line 817, ../sass/screen.scss */
 .header-etablissement h1 span {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 30px;
  border: dotted 1px black;
 }

 /* line 794, ../sass/screen.scss */
 /* line 828, ../sass/screen.scss */
 nav#menu-etablissement {
  border-bottom: solid 1px #e0e0e0;
 }
 /* line 798, ../sass/screen.scss */
 /* line 832, ../sass/screen.scss */
 nav#menu-etablissement ul li {
  padding: 0px;
  margin: 0px;
 }
 /* line 801, ../sass/screen.scss */
 /* line 835, ../sass/screen.scss */
 nav#menu-etablissement ul li a {
  border-right: solid 1px #e0e0e0;
  text-decoration: none;
@@ -802,7 +833,7 @@ nav#menu-etablissement ul li a {
  -webkit-border-radius: 0px;
  border-radius: 0px;
 }
 /* line 806, ../sass/screen.scss */
 /* line 840, ../sass/screen.scss */
 nav#menu-etablissement ul li a:hover {
  background-color: #BB8757;
  color: white;
--- a/frontend/web/sass/screen.scss
+++ b/frontend/web/sass/screen.scss
@@ -146,8 +146,10 @@ ul {

 #content {
    #the-content {
        padding-top: 100px ;
        padding-left: 30px ;
        padding-right: 30px ;
        padding-bottom: 50px ;
    }
 }

@@ -308,7 +310,7 @@ ul {
        }
        
        #row-presentation {
            text-align: center ;
            //text-align: center ; 
            h1 {
                color: black ;
            }
@@ -322,37 +324,45 @@ ul {
        #row-signup {
            text-align: center ;
            margin-top: 40px ;
            padding-top: 40px ;
            
            a.btn {
                padding: 13px 32px ;
                font-size: 25px ;
                padding: 10px 20px ;
                font-size: 20px ;
                text-transform: uppercase ;
            }
            
            a.btn-primary {
                margin-right: 15px ; 
            }
        }

        #row-clients-boulanger {
            margin-bottom: 50px ;
            text-align: center ;
            
            h2 {
                text-align: center ;
                margin-bottom: 15px ;
                padding-bottom: 0px ;
                img {
                    height: 70px ;
                    margin-bottom: 60px ;
                }
                margin-bottom: 10px ;
                .img {
                    height: 50px ;
               }
               span {
                    margin-left: 10px ;
                    font-size: 25px ;
                    position: relative ;
                    top: 5px ;
               }
            }
            
            ul {
                text-align: left ;
                margin-left: 20% ;
                li {
                    list-style-type: circle ;
                    color: $color1 ;
                }
            }
            
            #clients {
                border-right: dotted 1px gray ;
            p {
                padding-bottom: 4px ;
            }
            
            .boulanger {
@@ -371,7 +381,6 @@ ul {
            .prix {
                padding-top: 15px ;
                font-size: 18px ;
                text-align: center ;
                
                span {
                    color: $color1 ;
@@ -404,6 +413,18 @@ ul {
        }
        
        #modal-tarifs {
            .commission {
                text-align: center ;
                font-size: 20px ;
                text-transform: uppercase ;
                margin-bottom: 20px ;
                
                span {
                    padding: 10px 20px ;
                    border: solid 1px black ;
                    @include border-radius(10px) ;
                }
            }
            .exemple {
                color: gray ;
            }
@@ -734,30 +755,43 @@ ul {
    
    p {
        padding: 20px ;
        padding-top: 0px ;
        color: gray ;
    }
 }

 .header-title {
    height: 79px ;
    padding: 20px 20px ;
    position: fixed ;
    top: 0px ;
    width: 100% ;
    background-color: white ; 
    z-index: 10 ;
    box-sizing: border-box ;
    border-bottom: solid 1px #e0e0e0 ;
    @include box-shadow(0px 0px 8px #e0e0e0) ;
    
    h1 {
        color: black ;
        font-family: 'myriadpro-regular' ;
        margin: 0px ;
        font-size: 30px ;
 #content {
    .header-title {
        height: 79px ;
        padding: 20px 20px ;
        position: fixed ;
        top: 0px ;
        width: 100% ;
        background-color: white ; 
        z-index: 10 ;
        box-sizing: border-box ;
        border-bottom: solid 1px #e0e0e0 ;
        @include box-shadow(0px 0px 8px #e0e0e0) ;

        h1 {
            color: black ;
            font-family: 'myriadpro-regular' ;
            margin: 0px ;
            font-size: 25px ;
            text-transform: uppercase ;
        }

        h2 {
            color: gray ;
            text-transform: none ;
            font-size: 15px ;
            margin-top: 3px ;
            line-height: 20px ;
        }
    }
 }


 .header-etablissement {
    z-index: 1 ;
    #block-main-img {