Intégration Souke

backend/views/layouts/header.php

 
                 <li class="dropdown distributions-menu notifications-menu">
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                        <i class="fa fa-calendar"></i>
+                        <i class="bi bi-calendar"></i>
                     </a>
                     <ul class="dropdown-menu">
 
 
                 <li class="dropdown users-menu notifications-menu">
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                        <i class="fa fa-user-plus"></i>
+                        <i class="bi bi-person-plus"></i>
                         <?php if (count($usersArray)): ?><span
                                 class="label label-success"><?= count($usersArray) ?></span>
                         <?php else: ?><span class="label label-warning">0</span><?php endif; ?>
 
                 <li class="dropdown users-negative-credit-menu notifications-menu">
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                        <i class="fa fa-euro"></i>
+                        <i class="bi bi-currency-euro"></i>
                         <?php if (count($usersNegativeCreditArray)): ?><span
                                 class="label label-warning"><?= count($usersNegativeCreditArray) ?></span>
                         <?php else: ?><span class="label label-success">0</span><?php endif; ?>
                     </ul>
 
                 </li>
+
+                <li>
+                    <a href="<?= Yii::$app->urlManagerFrontend->createAbsoluteUrl(['site/index']); ?>">
+                        <i class="bi bi-house-door"></i>
+                        <span class="hidden-xs hidden-sm">Accueil</span>
+                    </a>
+                </li>
+
+
                 <?php if ($userModule->getAuthorizationChecker()->isGrantedAsProducer($userCurrent)): ?>
                     <li>
                         <a href="<?= Yii::$app->urlManagerProducer->createAbsoluteUrl(['site/index', 'slug_producer' => GlobalParam::getCurrentProducer()->slug]); ?>">
                         <span class="hidden-xs hidden-sm"><?= Html::encode(GlobalParam::getCurrentUser()->name . ' ' . substr(GlobalParam::getCurrentUser()->lastname, 0, 1) .'.'); ?></span>
                     </a>
                     <ul class="dropdown-menu">
-                        <li><a href="<?= Yii::$app->urlManagerFrontend->createAbsoluteUrl(['site/index']); ?>"><i
-                                        class="fa fa-home"></i> Retour à l'accueil</a></li>
-                        <li><a href="<?= Yii::$app->urlManagerFrontend->createAbsoluteUrl(['user/update']); ?>"><i
-                                        class="fa fa-user"></i> Mon profil</a></li>
-                        <li><a href="<?= Yii::$app->urlManagerBackend->createUrl(['site/logout']); ?>"><i
-                                        class="fa fa-sign-out"></i> Déconnexion</a></li>
+                        <!--<li><a href="<?= Yii::$app->urlManagerFrontend->createAbsoluteUrl(['site/index']); ?>">
+                                <i class="bi bi-house-door"></i> Accueil</a></li>-->
+                        <li><a href="<?= Yii::$app->urlManagerFrontend->createAbsoluteUrl(['user/update']); ?>">
+                                <i class="bi bi-person"></i> Mon profil</a></li>
+                        <li><a href="<?= Yii::$app->urlManagerBackend->createUrl(['site/logout']); ?>">
+                                <i class="bi bi-box-arrow-left"></i> Déconnexion</a></li>
                     </ul>
                 </li>
                 <li class="link-control-sidebar">

backend/web/css/screen.css

 }
 /* line 23, ../sass/_adminlte.scss */
 body.skin-black .main-header .logo .logo-lg img {
-  width: 100px;
-  top: -4px;
+  width: 90px;
+  top: -2px;
 }
 /* line 29, ../sass/_adminlte.scss */
 body.skin-black .main-header .logo .logo-mini img {

backend/web/sass/_adminlte.scss

 
             .logo-lg {
                 img {
-                    width: 100px ;
-                    top: -4px;
+                    width: 90px ;
+                    top: -2px;
                 }
             }
             .logo-mini {

common/views/nav_user_top.php

                     ];
 
                     // Items du menu
-                    /*$itemHome = [
-                        'label' => '<span class="glyphicon glyphicon-home"></span> Accueil',
+                    $itemHome = [
+                        'label' => '<i class="bi bi-house-door"></i> Accueil',
                         'url' => $this->getUrlManagerFrontend()->createAbsoluteUrl(['site/index']),
-                        'linkOptions' => ['class' => 'btn btn-default navbar-btn']
-                    ];*/
+                        'linkOptions' => ['class' => '']
+                    ];
                     $itemAdministration = [
                         'label' => '<i class="bi bi-gear"></i> <span class="link-text">Administration</span>',
                         'url' => $this->getUrlManagerBackend()->createAbsoluteUrl(['dashboard/index']),
                         ];
                     } elseif ($context == 'producer') {
                         $itemsMenu = [
+                            $itemHome,
                             $itemAdministration,
                             $itemProducers,
                             $itemUser,

common/web/css/screen.css

   font-weight: normal;
   font-style: normal;
 }
-/* line 3, ../sass/_common.scss */
+/* line 4, ../sass/_common.scss */
+#main .btn-primary {
+  background-color: #ee6f42;
+  border: solid 1px #ee6f42;
+  color: white;
+}
+/* line 9, ../sass/_common.scss */
+#main .btn-primary:hover, #main .btn-primary:active, #main .btn-primary:focus {
+  background-color: #ec5d2b;
+  border: solid 1px #ee6f42;
+  color: white;
+}
+/* line 16, ../sass/_common.scss */
+#main .btn-secondary {
+  color: black;
+  background-color: #f4efe8;
+  border: 0px none;
+}
+/* line 21, ../sass/_common.scss */
+#main .btn-secondary:hover, #main .btn-secondary:focus, #main .btn-secondary.active {
+  background-color: #ece4d8;
+  border: 0px none;
+}
+/* line 27, ../sass/_common.scss */
+#main .alert-information {
+  padding: 20px;
+  margin-bottom: 20px;
+  border: 0px none;
+  background-color: #ece4d8 !important;
+  color: black;
+  -moz-border-radius: 0px !important;
+  -webkit-border-radius: 0px;
+  border-radius: 0px !important;
+}
+
+/* line 38, ../sass/_common.scss */
 .float-left {
   float: left;
 }
 
-/* line 7, ../sass/_common.scss */
+/* line 42, ../sass/_common.scss */
 .float-right {
   float: right;
 }
 
 /* Navigation utilisateur en haut du site */
-/* line 12, ../sass/_common.scss */
+/* line 47, ../sass/_common.scss */
 .container-nav-user-top {
   position: relative;
 }
-/* line 15, ../sass/_common.scss */
+/* line 50, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top {
   position: absolute;
   top: 0px;
   background-color: white;
   z-index: 100;
 }
-/* line 22, ../sass/_common.scss */
+/* line 57, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .navbar {
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   margin: 0px;
   min-height: 0px;
 }
-/* line 29, ../sass/_common.scss */
+/* line 64, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .navbar ul {
   position: relative;
   left: -10px;
 }
-/* line 33, ../sass/_common.scss */
+/* line 68, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .navbar ul li {
   padding-left: 5px;
 }
-/* line 36, ../sass/_common.scss */
+/* line 71, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .navbar ul li a.nav-link {
   padding-left: 10px;
   padding-right: 10px;
   color: black;
   font-size: 16px;
 }
-/* line 45, ../sass/_common.scss */
+/* line 80, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .navbar ul li a.nav-link:hover, .container-nav-user-top .nav-user-top .navbar ul li a.nav-link:focus, .container-nav-user-top .nav-user-top .navbar ul li a.nav-link.active {
   background: none;
   color: #ee6f42;
 }
-/* line 50, ../sass/_common.scss */
+/* line 85, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .navbar ul li a.nav-link .bi {
   color: #ee6f42;
   font-size: 16px;
   position: relative;
   top: 1px;
 }
-/* line 60, ../sass/_common.scss */
+/* line 95, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .navbar ul li .dropdown-menu a {
   padding: 2px 20px;
 }
-/* line 63, ../sass/_common.scss */
+/* line 98, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .navbar ul li .dropdown-menu a:hover, .container-nav-user-top .nav-user-top .navbar ul li .dropdown-menu a:focus {
   background-color: #ece4d8;
 }
-/* line 73, ../sass/_common.scss */
+/* line 108, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .dropdown-menu .divider.dropdown-header {
   padding: 0px;
 }
 
 @media screen and (max-width: 768px) {
-  /* line 84, ../sass/_common.scss */
+  /* line 119, ../sass/_common.scss */
   .nav-user-top .navbar ul {
     float: right;
     margin-right: 0px;
   }
-  /* line 89, ../sass/_common.scss */
+  /* line 124, ../sass/_common.scss */
   .nav-user-top .navbar .link-text {
     display: none;
   }
-  /* line 93, ../sass/_common.scss */
+  /* line 128, ../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 102, ../sass/_common.scss */
+  /* line 137, ../sass/_common.scss */
   .nav-user-top .navbar .dropdown-menu li a {
     padding-left: 15px;
   }
 }
 /* Block de date */
-/* line 112, ../sass/_common.scss */
+/* line 147, ../sass/_common.scss */
 .block-date {
   margin: 0px auto;
   padding-top: 0px;
   text-align: center;
 }
-/* line 117, ../sass/_common.scss */
+/* line 152, ../sass/_common.scss */
 .block-date .day {
   text-transform: capitalize;
   line-height: 15px;
   font-size: 13px;
   text-transform: uppercase;
 }
-/* line 124, ../sass/_common.scss */
+/* line 159, ../sass/_common.scss */
 .block-date .num {
   font-size: 30px;
   line-height: 35px;
   font-weight: bold;
 }
-/* line 130, ../sass/_common.scss */
+/* line 165, ../sass/_common.scss */
 .block-date .month {
   text-transform: uppercase;
   line-height: 15px;
 }
 
 /* Page d'erreur */
-/* line 140, ../sass/_common.scss */
+/* line 175, ../sass/_common.scss */
 #main #content .site-error .col-lg-6 {
   margin: 0px auto;
   float: none;
 }
-/* line 146, ../sass/_common.scss */
+/* line 181, ../sass/_common.scss */
 #main #content .site-error .panel .panel-body {
   padding-bottom: 0px;
 }
-/* line 150, ../sass/_common.scss */
+/* line 185, ../sass/_common.scss */
 #main #content .site-error .panel h2 {
   text-transform: none;
   font-size: 25px;
   margin-top: 0px;
   margin-bottom: 0px;
 }
-/* line 158, ../sass/_common.scss */
+/* line 193, ../sass/_common.scss */
 #main #content .site-error .alert {
   padding-bottom: 5px;
 }
-/* line 161, ../sass/_common.scss */
+/* line 196, ../sass/_common.scss */
 #main #content .site-error .alert h2 {
   margin-top: 5px;
 }
-/* line 165, ../sass/_common.scss */
+/* line 200, ../sass/_common.scss */
 #main #content .site-error .alert p {
   margin-bottom: 15px;
 }
-/* line 169, ../sass/_common.scss */
+/* line 204, ../sass/_common.scss */
 #main #content .site-error .alert .btn {
   text-decoration: none;
 }
 
 /* Paiement */
-/* line 180, ../sass/_common.scss */
+/* line 215, ../sass/_common.scss */
 .payment-detail-remaining-surplus {
   font-size: 13px;
   color: gray;
 }
-/* line 184, ../sass/_common.scss */
+/* line 219, ../sass/_common.scss */
 .payment-detail-remaining-surplus strong {
   font-weight: bold;
 }

common/web/sass/_common.scss

 @import "compass";
 
+#main {
+  .btn-primary {
+    background-color: $color-primary;
+    border: solid 1px $color-primary;
+    color: white;
+
+    &:hover, &:active, &:focus {
+      background-color: darken($color-primary, 5);
+      border: solid 1px $color-primary;
+      color: white;
+    }
+  }
+
+  .btn-secondary {
+    color: black;
+    background-color: $color-gray-light;
+    border: 0px none;
+
+    &:hover, &:focus, &.active {
+      background-color: $color-gray;
+      border: 0px none;
+    }
+  }
+
+  .alert-information {
+    padding: 20px;
+    margin-bottom: 20px;
+    border: 0px none;
+    background-color: $color-gray !important;
+    color: black;
+    @include border-radius(0px !important);
+  }
+}
+
+
 .float-left {
   float: left;
 }

common/web/sass/screen.scss

 
 $color-primary: #ee6f42;
 $color-secondary: #e4ac07;
-$color-background: #f4efe8;
+$color-gray-light: #f4efe8;
 $color-gray: #ece4d8;
 
 $dir-fonts: '../fonts/' ;

frontend/views/site/_about_few_numbers.php

-<div class="panel panel-primary">
+<div class="panel panel-primary panel-padding-large">
     <div class="panel-heading">
         <h2 class="panel-title">
             <span class="the-title">Souke en quelques chiffres</span>

frontend/views/site/_cgv_content.php

     souhaitant être référencé sur le site internet de la Société (le « <strong>Producteur</strong> »).</p>
 
 <h2>1. Objet</h2>
-<p>La Société édite le site internet <a href="http://www.opendistrib.net">http://www.opendistrib.net</a>   
+<p>La Société édite le site internet <a href="http://www.souke.fr">http://www.souke.fr</a>
     (le « <strong>Site</strong> »)  permettant la mise en relation des utilisateurs 
     du Site avec les Producteurs inscrits sur le Site afin de faciliter leur commande 
     auprès de leur producteur. Les présentes Conditions ont pour objet de définir 

frontend/views/site/_prices_producer.php

 
 ?>
 
-<div class="panel panel-default">
+<div class="panel panel-default panel-margin-bottom">
     <div class="panel-heading">
         <h3 class="panel-title">
-            <div class="glyphicon glyphicon-hdd"></div>
+            <i class="bi bi-hdd"></i>
             Hébergement
         </h3>
     </div>
     <div class="panel-body">
-        <div class="alert alert-warning" role="alert">
-            Découvrez ci-dessous la <strong>grille tarifaire</strong> pour l'hébergement de votre circuit court sur Opendistrib.
+        <div class="alert alert-information" role="alert">
+            Découvrez ci-dessous la <strong>grille tarifaire</strong> pour l'hébergement de votre circuit court sur Souke.
             Le montant qui vous est facturé mensuellement dépend de votre chiffre d’affaire hors taxe réalisé sur le logiciel.
             Il est donc adapté chaque mois en fonction de l’évolution de votre activité. Le service est
             <strong>sans engagement</strong>, vous arrêtez quand vous voulez sur simple désactivation de votre compte.
 <div class="panel panel-default">
     <div class="panel-heading">
         <h3 class="panel-title">
-            <span class="glyphicon glyphicon-th-large"></span>
+            <i class="bi bi-boxes"></i>
             Modules
         </h3>
     </div>
     <div class="panel-body">
-        <div class="alert alert-warning" role="alert">
-            Retrouvez ici les modules payants d'Opendistrib correspondant aux développements qui n'ont pas encore
+        <div class="alert alert-information" role="alert">
+            Retrouvez ici les modules payants de Souke correspondant aux développements qui n'ont pas encore
             été totalement financés et aux fonctionnalités nécessitant une configuration spécifique. Contactez-moi
             pour demander l'activation d'un module.
         </div>

frontend/views/site/about.php

 <div class="site-about">
     <div class="row">
         <div class="col-md-8">
-            <div class="panel panel-primary">
+            <div class="panel panel-primary panel-padding-large panel-margin-bottom">
                 <div class="panel-body">
                     <h2>Présentation</h2>
-                    <p>L'objectif d'Opendistrib est de fournir aux producteurs locaux une solution technique
+                    <p>L'objectif de Souke est de fournir aux producteurs locaux une solution technique
                         sur laquelle s'appuyer pour organiser leurs ventes en circuits courts.</p>
                     <p><strong>Le logiciel répond aux besoins quotidiens des producteurs en leur permettant
                         de présenter leur activité, communiquer avec leurs clients, gérer les prises de commandes,
                         essentiellement sur commande. C'est le choix de cette méthode de travail qui les amène à utiliser
                         cet
                         outil. Majoritairement utilisé par des boulangeries produisant du pain au levain naturel,
-                        Opendistrib fonctionne également très bien pour tous types de production locale.</p>
+                        Souke fonctionne également très bien pour tous types de production locale !</p>
                     <p>La première version du logiciel est née en 2015 à l'occasion de la création de la boulangerie
                         Le Chat des Noisettes à Déservillers, en Franche-Comté. Le site a ensuite été progressivement
                         ouvert à d'autres producteurs un peu partout en France pour arriver à un total de
                     <p>Progressivement confronté aux réalités de différents producteurs et distributeurs,
                         également conscient des enjeux sociétaux et environnementaux actuels, je me suis au fil des années
                         intéressé et spécialisé dans le développement de logiciels dédiés à la distribution de produits
-                        locaux en circuits courts dont Opendistrib fait partie.</p>
-                    <p>Depuis 2015, j'assure donc le développement, la maintenance et le support d'Opendistrib.
+                        locaux en circuits courts dont Souke fait partie.</p>
+                    <p>Depuis 2015, j'assure donc le développement, la maintenance et le support de Souke.
                         Unique interlocuteur, j'offre aux producteurs une relation directe avec une personne impliquée
                         ayant une vue globale sur tous les aspects du logiciel. Technicien et pédagogue, j'aime être à
                         l'écoute des besoins des producteurs et leur apporter des solutions simples et adaptées.</p>
             $countProducersWithTestimony = count($producersWithTestimonials);
             if($countProducersWithTestimony):
             ?>
-                <div class="panel panel-primary">
+                <div class="panel panel-primary panel-padding-large">
                     <div class="panel-body">
                         <h2>Témoignages de producteurs</h2>
                         <div id="carousel-producers-testimonials" class="carousel slide" data-bs-ride="carousel">

frontend/views/site/cgv.php

 ?>
 
 <div class="content-text">
-    <div class="panel panel-default">
+    <div class="panel panel-primary panel-padding-large">
         <div class="panel-body">
             <?= $this->render('_cgv_content'); ?>
         </div>

frontend/views/site/contact.php

         </div>
     <?php endif; ?>
 
-    <div class="panel panel-default">
+    <div class="panel panel-default panel-padding-large">
         <div class="panel-body">
             <div class="row">
                 <div class="col-md-8">
                     <?php ActiveForm::end(); ?>
                 </div>
                 <div class="col-md-4">
-                    <div class="alert alert-warning">
+                    <div class="alert alert-information">
                         Ce formulaire de contact vous permet de joindre le développeur de la plateforme Souke.
                         Si vous souhaitez joindre un producteur, merci de le faire directement depuis sa boutique.
                     </div>

frontend/views/site/mentions.php

 /** 
 Copyright distrib (2018) 
 
-contact@opendistrib.net
+contact@souke.fr
 
 Ce logiciel est un programme informatique servant à aider les producteurs 
 à distribuer leur production en circuits courts. 
 
 <div class="content-text">
     <div class="content">
-        <div class="panel panel-default">
+        <div class="panel panel-default panel-padding-large">
             <div class="panel-body">
-                <h2>Éditeur</h2>
-                <p><strong>Opendistrib</strong><br>
+                <h2>Éditeur & développement</h2>
+                <p><strong>Guillaume BOURGEOIS</strong><br>
                     6 rue de la Prévoyance<br>
-                    25000 Besançon<br>
-                    Responsable de publication : Guillaume BOURGEOIS</p>
+                    25000 Besançon<br></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>Graphisme</h2>
+                <p>Chloé RUFFIEUX - <a href="https://www.speculo.fr/">spéculo</a></p>
 
                 <h2>Hébergement</h2>
                 <p>La société <strong>Alwaysdata</strong>, SARL au capital de 5.000 € immatriculée au RCS de
                 <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
+                    <strong>Souke</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
+                    image, marque déposée, marque de service ou logo de <strong>Souke</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
+                    <strong>Souke</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
+                    <strong>Souke</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
+                    Dans les limites autorisées par la loi, notamment en cas de négligence, <strong>Souke</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>
+                <p>La mise en place d’un lien hypertexte vers le site https://www.souke.fr nécessite une autorisation
+                    préalable écrite de <strong>Souke</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>Souke</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
+                    lien hypertexte à partir du site https://www.souke.fr 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
+                <p>La collecte et le traitement des données personnelles de l'Internaute par <strong>Souke</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>
+                    <strong>Souke</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

frontend/views/site/signup.php

                                     'prompt' => '--',
                                 ])
                                 ->label('TVA à appliquer par défaut'); ?>
-                        <?= $form->field($model, 'cgv')->checkbox()->label('J\'accepte les <button type="button" class="btn btn-sm btn-secondary btn-modal-cgv" data-toggle="modal" data-target="#modal-cgv">conditions générales de service</button> et les <button type="button" class="btn btn-sm btn-secondary btn-modal-prices" data-toggle="modal" data-target="#modal-prices">conditions tarifaires</button>') ?>
+                        <?= $form->field($model, 'cgv')->checkbox()->label('J\'accepte les <button type="button" class="btn btn-sm btn-secondary btn-modal-cgv" data-bs-toggle="modal" data-bs-target="#modal-cgv">conditions générales de service</button> et les <button type="button" class="btn btn-sm btn-secondary btn-modal-prices" data-bs-toggle="modal" data-bs-target="#modal-prices">conditions tarifaires</button>') ?>
                     </div>
                     <div id="fields-user">
                         <?= $form->field($model, 'id_producer')
   <div class="modal-dialog modal-lg" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
         <h4 class="modal-title" id="myModalLabel">Conditions générales de service</h4>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
       <div class="modal-body">
         <?= $this->render('_cgv_content.php'); ?>
     <div class="modal-dialog modal-lg" role="document">
         <div class="modal-content">
             <div class="modal-header">
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                 <h4 class="modal-title" id="myModalLabel">Tarifs</h4>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
                 <?= $this->render('../site/_prices_producer',  ['dataProviderPrices' => $dataProviderPrices, 'paidFeaturesArray' => $paidFeaturesArray]); ?>

frontend/web/sass/_order_system.scss

 	}
 }
 
-h2 {
-    font-size: 20px ;
-    //color: black ;
-    text-transform: uppercase ;
-}
-
 #addproducerform-id_producer,
 #signupform-id_producer {
     option:disabled {

frontend/web/sass/screen.scss

 
 $color-primary: #ee6f42;
 $color-secondary: #e4ac07;
-$color-background: #f4efe8;
+$color-gray-light: #f4efe8;
 $color-gray: #ece4d8;
 $color-text: black;
 
   position: relative;
   color: black !important;
   //background-image: url($dir-img+'betterave.png') !important;
-  background-color: $color-background !important;
+  background-color: $color-gray-light !important;
   background-repeat: no-repeat;
   background-position: center -100px;
   background-size: 90% auto !important;
       text-decoration: none;
     }
   }
-
-  a.btn-default {
-    &:focus, &:active {
-      color: $color-text;
-    }
-
-    &:hover {
-      color: $color-text;
-    }
-  }
 }
 
 #section-user-top {
   }
 }
 
-#bookmarked-producers, #main {
-  .btn-primary {
-    background-color: $color-primary;
-    border: solid 1px $color-primary;
-    color: white;
-
-    &:hover, &:active, &:focus {
-      background-color: darken($color-primary, 5);
-      border: solid 1px $color-primary;
-      color: white;
-    }
-  }
-}
-
-
 #wrapper form {
 
   .control-label {
   }
 }
 
+#main .modal {
+
+  .modal-content {
+    @include border-radius(0px);
+  }
+
+  .modal-header {
+    .modal-title {
+      color: $color-secondary;
+    }
+  }
+
+  .modal-body {
+
+    h1, h2, h3,h4, h5, h6 {
+      color: black;
+    }
+
+    h2 {
+      font-size: 1.5rem;
+    }
+    h3 {
+      font-size: 1.3rem;
+    }
+    h4 {
+      font-size: 1.1rem;
+    }
+
+    .panel {
+      @include box-shadow(none);
+    }
+  }
+
+  .modal-footer {
+
+  }
+}
+
 
 #main {
   position: relative;
   }
 }
 
-#content {
-
-  #the-content {
-    padding-top: 100px;
-    padding-left: 30px;
-    padding-right: 30px;
-    padding-bottom: 50px;
-  }
-
-  .content-text {
-    h1 {
-      font-family: 'highvoltageregular';
-      font-size: 30px;
-      color: black;
-      text-transform: uppercase;
-    }
-
-    h2 {
-      font-family: 'highvoltageregular';
-      font-size: 20px;
-      text-transform: none;
-      padding-bottom: 0px;
-      margin-bottom: 5px;
-      margin-top: 5px;
-    }
-  }
-}
-
 #block-demo {
   padding: 10px 0px;
   background-color: $color-primary;
       }
     }
   }
-
-  #link-logout {
-    .name {
-      color: gray;
-      font-size: 10px;
-      left: 18px;
-      position: relative;
-      top: -4px;
-    }
-  }
-}
-
-.home {
-  #main {
-
-  }
 }
 
-
 .vertical-align {
   display: flex;
   align-items: center;
   position: relative;
   padding: 40px 0px;
 
-  h1#title-site, h1 {
-    font-family: "highvoltageregular";
-    font-size: 35px;
+  h1, h2, h3, h4, h5, h6 {
+    font-family: 'worksans_bold';
+    color: $color-secondary;
   }
 
   h2 {
-    color: $color-text;
-    padding-bottom: 15px;
-    font-size: 35px;
-    line-height: 35px;
-    font-family: 'highvoltageregular';
-    text-transform: uppercase;
-    position: relative;
-    margin-top: 30px;
+    font-size: 1.8rem;
   }
 
   h3 {
-    font-family: 'highvoltageregular';
-    font-size: 20px;
-    color: $color-text;
+    font-size: 1.6rem;
   }
 
-  #presentation-distrib {
-    margin-top: 20px;
-    margin-bottom: 50px;
-    text-align: center;
-
-    h1 {
-      font-family: 'capsuularegular';
-      text-align: center;
-      margin-top: 15px;
-      text-transform: none;
-      color: $color-primary;
-      font-weight: bold;
-      font-size: 30px;
-      margin-bottom: 0px;
-      padding-bottom: 0px;
-    }
-
-    p {
-      color: white;
-      font-family: 'capsuularegular';
-      font-size: 20px;
-      margin-top: 20px;
-    }
+  h4 {
+    font-size: 1.4rem;
   }
 
   .panel {
     background-color: white;
-    //@include box-shadow(7px 7px 0px #e0e0e0);
     @include box-shadow(0px 0px 15px $color-gray);
 
-    h2 {
-      font-family: 'worksans_bold';
+    &.panel-padding-large {
+      .panel-heading {
+        padding: 50px 50px 20px 50px;
+      }
+      .panel-body {
+        padding: 50px;
+      }
+    }
+
+    &.panel-margin-bottom {
+      margin-bottom: 40px;
     }
 
     .panel-heading {
           display: none;
         }
 
-        .glyphicon {
-          font-size: 20px;
-        }
-
         span.the-title {
           font-size: 26px;
           position: relative;
 
     .panel-body {
       background-color: white;
-      padding: 50px;
+      padding: 20px;
 
       p {
         padding-bottom: 10px;
       }
 
-      h2 {
-        font-size: 30px;
-        color: $color-secondary;
+      h2.first-title {
+        margin-top: 0px;
+      }
+    }
 
-        &.first-title {
-          margin-top: 0px;
+    &.panel-default {
+      border: solid 1px #e0e0e0;
+
+      .panel-heading {
+        border-bottom: 0px none;
+        padding-bottom: 0px;
+
+        .panel-title {
+          color: black;
         }
       }
     }
 
     &.panel-primary {
       border: 0px none;
-      border-bottom: solid 1px #e0e0e0;
-      margin-bottom: 30px;
 
       .panel-heading {
-        padding: 50px;
-        padding-bottom: 20px;
         border: 0px none;
         background-color: white;
 
           color: $color-secondary;
           padding: 0px;
 
-          .glyphicon {
-            font-size: 30px;
-            margin-right: 6px;
-            position: relative;
-            top: 4px;
-          }
-
           .the-title {
             font-size: 28px;
           }
         }
       }
+
       .panel-body {
         border: 0px none;
       }
+
       .panel-footer {
 
       }
       h2 {
         margin: 0px;
         padding: 0px;
-        font-size: 28px;
       }
     }
     .panel-body {
 
       h2 {
-        font-size: 28px;
-        text-transform: none;
         margin-bottom: 20px;
         padding-bottom: 0px;
         margin-top: 0px;
     max-width: $max-width-form;
     @extend .back-white ;
   }
-}
 
-#modal-cgv {
-  .modal-body {
-    h2 {
-      margin-bottom: 5px;
-      padding-bottom: 0px;
-      font-size: 20px;
-      margin-top: 0px;
-    }
+  #modal-prices {
+
   }
 }
 
   .form-group.submit {
     text-align: right;
   }
-
-  .alert-warning {
-    margin-top: 22px;
-    border: 0px none;
-    background-color: $color-gray !important;
-    color: black;
-    @include border-radius(0px !important);
-    padding: 20px;
-  }
 }
 
 .site-opinion {