Mise en place des CGV

Ajout d'une case à cocher dans le formulaire d'inscription des boulangers
pour qu'ils acceptent et puissent lire les CGV dans une fenêtre modal.

Ajout d'un lien CGV dans le footer.

frontend/controllers/SiteController.php

@@ -240,4 +240,9 @@ class SiteController extends Controller
             'model' => $model,
         ]);
     }
+    
+    public function actionCgv()
+    {
+        return $this->render('cgv') ;
+    }
 }

frontend/models/SignupForm.php

@@ -26,6 +26,7 @@ class SignupForm extends Model
     public $ville;
     public $id_etablissement ;
     public $option_client_boulanger ;
+    public $cgv ;
     
     /**
      * @inheritdoc
@@ -47,6 +48,17 @@ class SignupForm extends Model
             ['is_boulanger', 'boolean'],
             ['id_etablissement', 'integer'],
             
+            ['cgv', 'boolean'],
+            ['cgv', function($attribute, $params) {
+                $cgv = $this->$attribute ;
+                
+                if($this->option_client_boulanger == 'boulanger' && !$cgv) 
+                {
+                    $this->addError($attribute, 'Vous devez accepter les conditions générales de vente pour vous inscrire.');
+                }
+            }],
+            
+            
             ['code_postal', 'required','message'=>'Champs obligatoire', 'when' => function($model) {
                 return $model->option_client_boulanger == 'boulanger' ;
             },'whenClient' => "function (attribute, value) {

frontend/views/layouts/main.php

@@ -67,8 +67,9 @@ AppAsset::register($this);
 		</div>
 		<footer id="footer">
 			<div class="container">
-				<a href="<?php echo Yii::$app->urlManager->createUrl('site/mentions') ; ?>">Mentions légales</a>
-                                <a href="<?php echo Yii::$app->urlManager->createUrl('site/contact') ; ?>">Contact</a>
+                            <a href="<?php echo Yii::$app->urlManager->createUrl('site/contact') ; ?>">Contact</a>
+                            <a href="<?php echo Yii::$app->urlManager->createUrl('site/mentions') ; ?>">Mentions légales</a>
+                            <a href="<?php echo Yii::$app->urlManager->createUrl('site/cgv') ; ?>">CGV</a>    
                         </div>
 		</footer>
 	
@@ -87,6 +88,8 @@ AppAsset::register($this);
             ga('create', 'UA-86917043-1', 'auto');
             ga('send', 'pageview');
         </script>
+        
+        
 </body>
 </html>
 <?php $this->endPage() ?>

frontend/views/site/_cgv_content.php

@@ -0,0 +1,54 @@
+<h2>Lorem ipsum</h2>
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu venenatis orci. 
+Morbi convallis tortor ut mauris aliquam fringilla. Vivamus et ornare velit. 
+Cras efficitur lacus eu quam fringilla, et varius sem ornare. Integer lorem mi, 
+feugiat mattis arcu porttitor, feugiat lobortis urna. Nullam nec laoreet elit. 
+Donec pulvinar ipsum non diam ornare, et finibus quam sodales. Aenean vehicula 
+sem sed nunc eleifend efficitur. Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Vivamus justo dolor, laoreet id bibendum vitae, 
+suscipit a lorem. Nulla eleifend, ante quis consequat posuere, tellus magna 
+scelerisque sem, viverra viverra odio ante sollicitudin risus. Nulla interdum 
+cursus tortor vel malesuada. Nulla dictum sapien ut lacus ultricies, 
+vestibulum malesuada ante egestas. Sed massa quam, imperdiet in mauris nec, 
+volutpat ullamcorper libero.</p>
+
+<h2>Pellentesque tortor</h2>
+<p>Pellentesque tortor libero, aliquam vel risus nec, dignissim pretium tellus. 
+Maecenas posuere lorem non dolor laoreet, vitae ultrices ligula laoreet. Aliquam 
+vestibulum maximus posuere. Nam sodales, nulla a dapibus sollicitudin, nisi nibh 
+placerat ante, vitae lobortis ipsum lectus eget urna. Vivamus mattis molestie elit 
+id aliquam. Proin sed tellus imperdiet diam semper congue ac sit amet urna. Integer 
+non aliquam elit, eu porttitor ligula. Integer feugiat orci metus, eu tincidunt 
+neque bibendum quis. Donec auctor ex justo, sollicitudin ultricies lorem blandit 
+at. Maecenas eget varius urna. Praesent sagittis dignissim felis nec varius. 
+Maecenas id varius elit, id venenatis felis. Vestibulum lacinia lectus eget 
+dignissim luctus. Fusce suscipit lectus cursus quam ullamcorper, eget pellentesque 
+lectus ultricies. Vestibulum dapibus efficitur interdum. Aliquam pulvinar dapibus 
+dolor, quis egestas mi.</p>
+
+<h2>Duis eu elit</h2>
+<p>Duis eu elit ac massa luctus egestas. Praesent laoreet, nulla vulputate fermentum 
+tristique, nibh eros cursus sem, at eleifend magna nulla ac nulla. Pellentesque 
+habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 
+Donec mi nunc, sodales non iaculis quis, dignissim non neque. Integer ultricies 
+neque id orci condimentum, sodales consectetur nulla sodales. Nulla facilisi. 
+Pellentesque in quam pharetra, rutrum libero eget, dictum sapien.</p>
+
+<h2>Proin lacinia orci</h2>
+<p>Proin lacinia orci id aliquet bibendum. Duis at condimentum sapien, quis mattis 
+velit. Donec sed sagittis augue. Vestibulum sit amet venenatis quam. Suspendisse 
+vulputate odio vitae placerat pretium. Duis a metus a arcu finibus tristique 
+vitae sit amet libero. Praesent mi eros, dictum finibus mauris ut, tempor tincidunt 
+dolor.</p>
+
+<h2>Vivamus imperdiet</h2>
+<p>Vivamus imperdiet molestie urna eget venenatis. Praesent commodo sem non justo 
+tempus, nec auctor massa imperdiet. Maecenas feugiat nibh vel mauris pharetra 
+aliquam. Duis fringilla feugiat eleifend. Nam libero nunc, rutrum id hendrerit 
+eu, accumsan ut neque. Donec nec orci a lectus lobortis iaculis ac id purus. 
+Mauris bibendum, leo nec iaculis eleifend, libero diam porttitor mauris, sit 
+amet tristique mi sapien posuere eros. Vestibulum ex lorem, porta non fringilla 
+vel, ultrices aliquet nisl. Sed eget tincidunt dolor. Praesent dapibus ac mauris 
+nec vestibulum. Proin lacinia finibus risus vitae volutpat. Curabitur hendrerit 
+varius lobortis. Quisque rhoncus velit vitae justo sodales, a maximus orci lobortis. 
+Suspendisse potenti. </p>

frontend/views/site/cgv.php

@@ -0,0 +1,8 @@
+
+<div class="container content-text">
+    
+<h1>Conditions générales de vente</h1>
+
+<?= $this->render('_cgv_content'); ?>
+
+</div>

frontend/views/site/mentions.php

@@ -1,38 +1,38 @@
-<?php 
-	$this->title = 'Mentions légales';
+<?php
+$this->title = 'Mentions légales';
 ?>
 
-<div class="container" id="mentions">
-	<div class="content">
-		<h2>Mentions légales</h2>
-
-		<h3>Éditeur</h3>
-		<p>Responsable de publication : Guillaume BOURGEOIS</p>
-		
-		<h3>Développement</h3>
-		<p>Guillaume Bourgeois<br />
-		<a href="http://www.guillaume-bourgeois.fr/">www.guillaume-bourgeois.fr</a></p>
-		
-		<h3>Hébergement</h3>
-		<p>Alwaysdata</p>
-		
-		<h3>Propriété intellectuelle et Copyright</h3>
-		<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 Le Chat des Noisettes, 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 Le Chat des Noisettes. 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. Le Chat des Noisettes 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>
-		
-		<h3>Limitation de la responsabilité</h3>
-		<p>Les informations publiées sur ce site sont publiées à titre d’informations générales uniquement. Le Chat des Noisettes 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, Le Chat des Noisettes 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>
-		
-		<h3>Lien hypertextes</h3>		
-		<p>La mise en place d’un lien hypertexte vers le site http://www.lechatdesnoisettes.com nécessite une autorisation préalable écrite de Le Chat des Noisettes. Si vous souhaitez mettre en place un lien hypertexte vers ce site, vous devez en conséquence prendre contact avec le responsable du site. Le Chat des Noisettes 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.lechatdesnoisettes.com et ne peut supporter aucune responsabilité sur le contenu, les produits, les services, etc. disponibles sur ces sites ou à partir de ces sites.</p>
-
-                <h3>Icones</h3>
-                <p>users by DTE MEDIA from the Noun Project</p>
-                <p>chef by Sergey Demushkin from the Noun Project</p>
-                <p>chef by Andrey Vasiliev from the Noun Project</p>
-                <p>Bread by Cédric Villain from the Noun Project</p>
-                
-	</div>
+<div class="container content-text">
+    <div class="content">
+        <h1>Mentions légales</h1>
+
+        <h2>Éditeur</h2>
+        <p>Responsable de publication : Guillaume BOURGEOIS</p>
+
+        <h2>Développement</h2>
+        <p>Guillaume Bourgeois<br />
+            <a href="http://www.guillaume-bourgeois.fr/">www.guillaume-bourgeois.fr</a></p>
+
+        <h2>Hébergement</h2>
+        <p>Alwaysdata</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 Le Chat des Noisettes, 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 Le Chat des Noisettes. 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. Le Chat des Noisettes 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. Le Chat des Noisettes 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, Le Chat des Noisettes 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.lechatdesnoisettes.com nécessite une autorisation préalable écrite de Le Chat des Noisettes. Si vous souhaitez mettre en place un lien hypertexte vers ce site, vous devez en conséquence prendre contact avec le responsable du site. Le Chat des Noisettes 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.lechatdesnoisettes.com 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>Icones</h2>
+        <p>users by DTE MEDIA from the Noun Project</p>
+        <p>chef by Sergey Demushkin from the Noun Project</p>
+        <p>chef by Andrey Vasiliev from the Noun Project</p>
+        <p>Bread by Cédric Villain from the Noun Project</p>
+
+    </div>
 
 </div>

frontend/views/site/signup.php

@@ -36,6 +36,7 @@ $this->params['breadcrumbs'][] = $this->title;
                     <?= $form->field($model, 'siret') ?>
                     <?= $form->field($model, 'code_postal') ?>
                     <?= $form->field($model, 'ville') ?>
+                    <?= $form->field($model, 'cgv')->checkbox()->label('J\'accepte les <a data-toggle="modal" data-target="#modal-cgv" href="javascript:void(0);">conditions générales de vente</a>') ?>
                 </div>
                 <div id="champs-client">
                     <?= $form->field($model, 'id_etablissement')->dropDownList($data_etablissements_dispos, ['prompt' => '--','encode' => false,'options' => $options_etablissements_dispos]) ?>
@@ -48,3 +49,21 @@ $this->params['breadcrumbs'][] = $this->title;
         </div>
     </div>
 </div>
+
+<!-- CGV -->
+<div class="modal fade" id="modal-cgv" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+  <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 vente</h4>
+      </div>
+      <div class="modal-body">
+        <?= $this->render('_cgv_content.php'); ?>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
+      </div>
+    </div>
+  </div>
+</div>

frontend/web/css/screen.css

@@ -80,7 +80,7 @@ strong {
 /* line 49, ../sass/screen.scss */
 #main a:focus, #main a:active {
   outline-color: gray;
-  color: white;
+  color: #BB8757;
 }
 /* line 54, ../sass/screen.scss */
 #main a:hover {
@@ -160,18 +160,35 @@ ul li {
   margin: 0px auto;
 }
 
-/* line 130, ../sass/screen.scss */
+/* line 131, ../sass/screen.scss */
+#content .content-text h1 {
+  font-family: "myriadpro-regular";
+  font-size: 30px;
+  color: black;
+  text-transform: uppercase;
+}
+/* line 138, ../sass/screen.scss */
+#content .content-text h2 {
+  font-family: "comfortaaregular";
+  font-size: 20px;
+  text-transform: none;
+  padding-bottom: 0px;
+  margin-bottom: 5px;
+  margin-top: 5px;
+}
+
+/* line 148, ../sass/screen.scss */
 #header {
   z-index: 100;
   border-bottom: solid 1px #e0e0e0;
   background-color: #f8f1dd;
   height: 86px;
 }
-/* line 136, ../sass/screen.scss */
+/* line 154, ../sass/screen.scss */
 #header .container {
   position: relative;
 }
-/* line 140, ../sass/screen.scss */
+/* line 158, ../sass/screen.scss */
 #header #link-home {
   position: absolute;
   top: 10px;
@@ -180,39 +197,39 @@ ul li {
   font-size: 22px;
   color: black;
 }
-/* line 148, ../sass/screen.scss */
+/* line 166, ../sass/screen.scss */
 #header #link-home img {
   height: 60px;
   margin-bottom: 5px;
 }
-/* line 154, ../sass/screen.scss */
+/* line 172, ../sass/screen.scss */
 #header #link-espace-boulanger {
   border-left: solid 1px #e0e0e0;
   color: #BB8757;
 }
-/* line 159, ../sass/screen.scss */
+/* line 177, ../sass/screen.scss */
 #header nav {
   padding-top: 22px;
 }
-/* line 161, ../sass/screen.scss */
+/* line 179, ../sass/screen.scss */
 #header nav ul {
   float: right;
 }
-/* line 164, ../sass/screen.scss */
+/* line 182, ../sass/screen.scss */
 #header nav ul li a {
   text-decoration: none;
   color: #505050;
 }
-/* line 167, ../sass/screen.scss */
+/* line 185, ../sass/screen.scss */
 #header nav ul li a.active {
   background-color: white;
 }
-/* line 171, ../sass/screen.scss */
+/* line 189, ../sass/screen.scss */
 #header nav ul li a:hover {
   color: black;
   background-color: white;
 }
-/* line 181, ../sass/screen.scss */
+/* line 199, ../sass/screen.scss */
 #header #link-logout .nom {
   color: gray;
   font-size: 10px;
@@ -221,7 +238,7 @@ ul li {
   top: -4px;
 }
 
-/* line 198, ../sass/screen.scss */
+/* line 216, ../sass/screen.scss */
 #content {
   position: relative;
   padding: 20px 0px;
@@ -229,12 +246,12 @@ ul li {
   padding-top: 35px;
   min-height: 500px;
 }
-/* line 205, ../sass/screen.scss */
+/* line 223, ../sass/screen.scss */
 #content h1#title-site {
   font-family: "comfortaalight";
   font-size: 50px;
 }
-/* line 212, ../sass/screen.scss */
+/* line 230, ../sass/screen.scss */
 #content h2 {
   color: black;
   padding-bottom: 15px;
@@ -245,16 +262,16 @@ ul li {
   position: relative;
   margin-top: 30px;
 }
-/* line 223, ../sass/screen.scss */
+/* line 241, ../sass/screen.scss */
 #content h3 {
   color: black;
   font-size: 20px;
 }
-/* line 231, ../sass/screen.scss */
+/* line 249, ../sass/screen.scss */
 #content #description img {
   width: 100%;
 }
-/* line 236, ../sass/screen.scss */
+/* line 254, ../sass/screen.scss */
 #content #main-img {
   max-width: 100%;
   border: solid 1px #e0e0e0;
@@ -263,54 +280,54 @@ ul li {
   -webkit-border-radius: 5px;
   border-radius: 5px;
 }
-/* line 243, ../sass/screen.scss */
+/* line 261, ../sass/screen.scss */
 #content #row-presentation {
   text-align: center;
 }
-/* line 247, ../sass/screen.scss */
+/* line 265, ../sass/screen.scss */
 #content #row-signup {
   text-align: center;
   margin-top: 40px;
 }
-/* line 251, ../sass/screen.scss */
+/* line 269, ../sass/screen.scss */
 #content #row-signup a.btn {
   padding: 13px 32px;
   font-size: 25px;
 }
-/* line 257, ../sass/screen.scss */
+/* line 275, ../sass/screen.scss */
 #content #row-clients-boulanger {
   margin-bottom: 50px;
 }
-/* line 259, ../sass/screen.scss */
+/* line 277, ../sass/screen.scss */
 #content #row-clients-boulanger h2 {
   text-align: center;
   margin-bottom: 15px;
   padding-bottom: 0px;
 }
-/* line 263, ../sass/screen.scss */
+/* line 281, ../sass/screen.scss */
 #content #row-clients-boulanger h2 img {
   height: 70px;
   margin-bottom: 60px;
 }
-/* line 269, ../sass/screen.scss */
+/* line 287, ../sass/screen.scss */
 #content #row-clients-boulanger ul {
   text-align: center;
 }
-/* line 271, ../sass/screen.scss */
+/* line 289, ../sass/screen.scss */
 #content #row-clients-boulanger ul li {
   list-style-type: none;
 }
-/* line 276, ../sass/screen.scss */
+/* line 294, ../sass/screen.scss */
 #content #row-clients-boulanger #clients {
   border-right: dotted 1px gray;
 }
-/* line 280, ../sass/screen.scss */
+/* line 298, ../sass/screen.scss */
 #content #row-clients-boulanger .prix {
   padding-top: 15px;
   font-size: 18px;
   text-align: center;
 }
-/* line 285, ../sass/screen.scss */
+/* line 303, ../sass/screen.scss */
 #content #row-clients-boulanger .prix span {
   color: #BB8757;
   background-color: #F8F1DD;
@@ -323,7 +340,7 @@ ul li {
   -webkit-border-radius: 10px;
   border-radius: 10px;
 }
-/* line 299, ../sass/screen.scss */
+/* line 317, ../sass/screen.scss */
 #content #row-clients-boulanger #periode-essai {
   margin-top: 8px;
   text-align: center;
@@ -332,41 +349,41 @@ ul li {
   font-family: "comfortaaregular";
 }
 
-/* line 311, ../sass/screen.scss */
+/* line 329, ../sass/screen.scss */
 #content #contact {
   display: none;
 }
-/* line 315, ../sass/screen.scss */
+/* line 333, ../sass/screen.scss */
 #content #contact .icon {
   width: 55px;
   top: -15px;
   margin-left: -70px;
 }
-/* line 324, ../sass/screen.scss */
+/* line 342, ../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 329, ../sass/screen.scss */
+/* line 347, ../sass/screen.scss */
 #content #contact .form-group {
   text-align: center;
 }
-/* line 333, ../sass/screen.scss */
+/* line 351, ../sass/screen.scss */
 #content #contact .img-right {
   float: right;
 }
-/* line 336, ../sass/screen.scss */
+/* line 354, ../sass/screen.scss */
 #content #contact .img-right img {
   width: 300px;
 }
 
-/* line 343, ../sass/screen.scss */
+/* line 361, ../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 348, ../sass/screen.scss */
+/* line 366, ../sass/screen.scss */
 #footer {
   position: absolute;
   bottom: 0px;
@@ -379,7 +396,7 @@ ul li {
   padding-top: 30px;
   padding-bottom: 60px;
 }
-/* line 364, ../sass/screen.scss */
+/* line 382, ../sass/screen.scss */
 #footer a {
   color: #7e7e7e;
   color: white;
@@ -390,29 +407,29 @@ ul li {
   border-right: solid 1px #7e7e7e;
   border-right: solid 1px white;
 }
-/* line 373, ../sass/screen.scss */
+/* line 391, ../sass/screen.scss */
 #footer a:hover {
   color: gray;
 }
-/* line 377, ../sass/screen.scss */
+/* line 395, ../sass/screen.scss */
 #footer a:last-child {
   border: 0px none;
 }
 
-/* line 383, ../sass/screen.scss */
+/* line 401, ../sass/screen.scss */
 #content #mentions {
   padding-top: 20px;
 }
-/* line 386, ../sass/screen.scss */
+/* line 404, ../sass/screen.scss */
 #content #mentions div.content {
   width: 60%;
   font-size: 90%;
 }
-/* line 391, ../sass/screen.scss */
+/* line 409, ../sass/screen.scss */
 #content #mentions p {
   padding-bottom: 15px;
 }
-/* line 395, ../sass/screen.scss */
+/* line 413, ../sass/screen.scss */
 #content #mentions h2 {
   color: black;
   padding-bottom: 40px;
@@ -420,7 +437,7 @@ ul li {
   line-height: 35px;
   font-family: "myriadpro-regular";
 }
-/* line 403, ../sass/screen.scss */
+/* line 421, ../sass/screen.scss */
 #content #mentions h3 {
   font-family: "comfortaaregular";
   font-size: 18px;
@@ -429,66 +446,79 @@ ul li {
   color: black;
 }
 
-/* line 414, ../sass/screen.scss */
+/* line 432, ../sass/screen.scss */
 .mentions #main, .mentions body {
   background-color: white;
 }
 
-/* line 419, ../sass/screen.scss */
+/* line 437, ../sass/screen.scss */
 .vegas-loading {
   display: none;
 }
 
-/* line 426, ../sass/screen.scss */
+/* line 444, ../sass/screen.scss */
 #profil-user .form-group.field-user-no_mail label {
   font-weight: normal;
 }
-/* line 430, ../sass/screen.scss */
+/* line 448, ../sass/screen.scss */
 #profil-user .form-group label {
   cursor: pointer;
 }
-/* line 435, ../sass/screen.scss */
+/* line 453, ../sass/screen.scss */
 #profil-user #mails-jours-prod .form-group {
   float: left;
   margin-right: 15px;
 }
-/* line 438, ../sass/screen.scss */
+/* line 456, ../sass/screen.scss */
 #profil-user #mails-jours-prod .form-group label {
   font-weight: normal;
 }
-/* line 444, ../sass/screen.scss */
+/* line 462, ../sass/screen.scss */
 #profil-user p.strong {
   font-weight: bold;
 }
 
 /* login */
-/* line 453, ../sass/screen.scss */
+/* line 471, ../sass/screen.scss */
 .site-login .col-lg-5 {
   margin: 0px auto;
   float: none;
 }
 
 /* signup */
-/* line 462, ../sass/screen.scss */
+/* line 479, ../sass/screen.scss */
+.modal-backdrop {
+  z-index: -1;
+}
+
+/* line 484, ../sass/screen.scss */
 .site-signup .col-lg-5 {
   margin: 0px auto;
   float: none;
 }
 
-/* line 469, ../sass/screen.scss */
+/* line 494, ../sass/screen.scss */
+#modal-cgv .modal-body h2 {
+  margin-bottom: 5px;
+  padding-bottom: 0px;
+  font-size: 20px;
+  margin-top: 0px;
+}
+
+/* line 504, ../sass/screen.scss */
 #form-signup #client-boulanger {
   margin-bottom: 30px;
 }
-/* line 474, ../sass/screen.scss */
+/* line 509, ../sass/screen.scss */
 #form-signup #signupform-id_etablissement option:disabled {
   font-weight: bold;
   color: black;
 }
-/* line 480, ../sass/screen.scss */
+/* line 515, ../sass/screen.scss */
 #form-signup #champs-boulanger {
   display: none;
 }
-/* line 484, ../sass/screen.scss */
+/* line 519, ../sass/screen.scss */
 #form-signup #boutons-inscrire {
   margin-top: 30px;
 }

frontend/web/js/boulange.js

@@ -8,7 +8,6 @@ $(document).ready(function()
 {
     boulange_signup() ;
     boulange_index_commandes() ;
-    
 });
 
 function boulange_scroll(id) {

frontend/web/sass/screen.scss

@@ -48,7 +48,7 @@ strong {
 
 	&:focus, &:active {
 		outline-color: gray ;
-		color: white ;		
+		color: $color1 ;		
 	}
 	
 	&:hover {
@@ -127,6 +127,24 @@ ul {
 	}
 }
 
+#content .content-text {
+    h1 {
+        font-family: 'myriadpro-regular' ;
+        font-size: 30px ;
+        color: black ; 
+        text-transform: uppercase ;
+    }
+    
+    h2 {
+        font-family: 'comfortaaregular' ;
+        font-size: 20px ;
+        text-transform: none ;
+        padding-bottom: 0px ;
+        margin-bottom: 5px ;
+        margin-top: 5px ;
+    }
+}
+
 #header {
 	z-index: 100 ;
 	border-bottom: solid 1px $gris1 ;	
@@ -458,11 +476,28 @@ ul {
 
 /* signup */
 
+.modal-backdrop {
+  z-index: -1;
+}
+
 .site-signup {
     .col-lg-5 {
         margin: 0px auto ;
         float: none ;
     }
+    
+    
+}
+
+#modal-cgv {
+    .modal-body {
+        h2 {
+            margin-bottom: 5px ;
+            padding-bottom: 0px ;
+            font-size: 20px ;
+            margin-top: 0px ;
+        }
+    }
 }
 
 #form-signup {