Mes producteurs : logo par défaut

frontend/views/layouts/main.php

                             <h2>Mes producteurs</h2>
                             <?php foreach($producersArray as $producer): ?>
                                 <div class="col-xs-6 col-md-<?php if(count($producersArray) == 1): ?>6<?php elseif(count($producersArray) == 2): ?>6<?php else: ?>3<?php endif; ?>"> 
-                                    <div class="producer" style="background-image:url('<?= Yii::$app->urlManagerProducer->getHostInfo().'/'.Yii::$app->urlManagerProducer->baseUrl ; ?>/uploads/<?= $producer->photo ?>');">
+                                    <div class="producer<?= !strlen($producer->photo) ? ' logo-distrib-default' : '' ?>" style="background-image:url('<?= strlen($producer->photo) ? Yii::$app->urlManagerProducer->getHostInfo().'/'.Yii::$app->urlManagerProducer->baseUrl.'/uploads/'.$producer->photo : Yii::$app->urlManagerFrontend->getHostInfo().'/'.Yii::$app->urlManagerFrontend->baseUrl.'/img/logo-distrib-gray.png' ?>">
                                         <a class="btn btn-primary" href="<?= Yii::$app->urlManagerProducer->createAbsoluteUrl(['site/index','slug_producer' => $producer->slug]); ?>"><?= Html::encode($producer->name); ?></a>
                                     </div>
                                 </div> 

frontend/web/css/screen.css

   background-color: white;
 }
 /* line 549, ../sass/screen.scss */
+#bookmarked-producers .producer.logo-distrib-default {
+  background-size: auto 70px;
+  background-position: center 0px;
+}
+/* line 554, ../sass/screen.scss */
 #bookmarked-producers .producer a {
   position: absolute;
   bottom: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }
-/* line 559, ../sass/screen.scss */
+/* line 564, ../sass/screen.scss */
 #bookmarked-producers .producer a:hover {
   background-color: #f57a00;
 }
-/* line 565, ../sass/screen.scss */
+/* line 570, ../sass/screen.scss */
 #bookmarked-producers #discover {
   padding-bottom: 20px;
   text-align: center;
 }
-/* line 569, ../sass/screen.scss */
+/* line 574, ../sass/screen.scss */
 #bookmarked-producers #discover p {
   padding-bottom: 0px;
   color: white;
 }
-/* line 574, ../sass/screen.scss */
+/* line 579, ../sass/screen.scss */
 #bookmarked-producers #discover .btn {
   background-color: white;
   color: #FF7F00;
   border: solid 1px white;
 }
 
-/* line 583, ../sass/screen.scss */
+/* line 588, ../sass/screen.scss */
 #footer {
   position: absolute;
   bottom: 0px;
   background-color: white;
   border-top: solid 1px #e0e0e0;
 }
-/* line 593, ../sass/screen.scss */
+/* line 598, ../sass/screen.scss */
 #footer a {
   color: black;
   font-family: "capsuularegular";
   padding-right: 10px;
   border-right: solid 1px white;
 }
-/* line 602, ../sass/screen.scss */
+/* line 607, ../sass/screen.scss */
 #footer a:hover {
   text-decoration: underline;
 }
-/* line 606, ../sass/screen.scss */
+/* line 611, ../sass/screen.scss */
 #footer a:last-child {
   border: 0px none;
 }
-/* line 612, ../sass/screen.scss */
+/* line 617, ../sass/screen.scss */
 #footer #code-source img {
   height: 20px;
 }
 
-/* line 618, ../sass/screen.scss */
+/* line 623, ../sass/screen.scss */
 #content #mentions {
   padding-top: 20px;
 }
-/* line 621, ../sass/screen.scss */
+/* line 626, ../sass/screen.scss */
 #content #mentions div.content {
   width: 60%;
   font-size: 90%;
 }
-/* line 626, ../sass/screen.scss */
+/* line 631, ../sass/screen.scss */
 #content #mentions p {
   padding-bottom: 15px;
 }
-/* line 630, ../sass/screen.scss */
+/* line 635, ../sass/screen.scss */
 #content #mentions h2 {
   color: black;
   padding-bottom: 40px;
   line-height: 35px;
   font-family: "highvoltageregular";
 }
-/* line 638, ../sass/screen.scss */
+/* line 643, ../sass/screen.scss */
 #content #mentions h3 {
   font-family: "highvoltageregular";
   font-size: 18px;
   color: black;
 }
 
-/* line 653, ../sass/screen.scss */
+/* line 658, ../sass/screen.scss */
 .vegas-loading {
   display: none;
 }
 
-/* line 660, ../sass/screen.scss */
+/* line 665, ../sass/screen.scss */
 #profil-user .form-group.field-user-no_mail label {
   font-weight: normal;
 }
-/* line 664, ../sass/screen.scss */
+/* line 669, ../sass/screen.scss */
 #profil-user .form-group label {
   cursor: pointer;
 }
-/* line 669, ../sass/screen.scss */
+/* line 674, ../sass/screen.scss */
 #profil-user #mails-days-distribution .form-group {
   float: left;
   margin-right: 15px;
 }
-/* line 672, ../sass/screen.scss */
+/* line 677, ../sass/screen.scss */
 #profil-user #mails-days-distribution .form-group label {
   font-weight: normal;
 }
-/* line 678, ../sass/screen.scss */
+/* line 683, ../sass/screen.scss */
 #profil-user p.strong {
   font-weight: bold;
 }
 
 /* login */
-/* line 689, ../sass/screen.scss */
+/* line 694, ../sass/screen.scss */
 .site-login .col-lg-5 {
   margin: 0px auto;
   float: none;
 }
 
 /* signup */
-/* line 698, ../sass/screen.scss */
+/* line 703, ../sass/screen.scss */
 .modal-backdrop {
   z-index: 999;
 }
 
-/* line 703, ../sass/screen.scss */
+/* line 708, ../sass/screen.scss */
 .site-signup .col-lg-5 {
   margin: 0px auto;
   float: none;
   max-width: 500px;
 }
 
-/* line 712, ../sass/screen.scss */
+/* line 717, ../sass/screen.scss */
 #modal-cgv .modal-body h2 {
   margin-bottom: 5px;
   padding-bottom: 0px;
   margin-top: 0px;
 }
 
-/* line 722, ../sass/screen.scss */
+/* line 727, ../sass/screen.scss */
 #form-signup #user-producer {
   margin-bottom: 30px;
 }
-/* line 727, ../sass/screen.scss */
+/* line 732, ../sass/screen.scss */
 #form-signup #signupform-id_producer option:disabled {
   font-weight: bold;
   color: black;
 }
-/* line 733, ../sass/screen.scss */
+/* line 738, ../sass/screen.scss */
 #form-signup #champs-producer {
   display: none;
 }
-/* line 737, ../sass/screen.scss */
+/* line 742, ../sass/screen.scss */
 #form-signup #buttons-signup {
   margin-top: 30px;
 }
 
-/* line 742, ../sass/screen.scss */
+/* line 747, ../sass/screen.scss */
 #col-left {
   padding: 0px;
   z-index: 15;
 }
-/* line 746, ../sass/screen.scss */
+/* line 751, ../sass/screen.scss */
 #col-left .affix {
   width: 25%;
   border-right: solid 1px #e0e0e0;
   background-color: #FAFAFA;
   height: 100%;
 }
-/* line 753, ../sass/screen.scss */
+/* line 758, ../sass/screen.scss */
 #col-left #link-home {
   text-decoration: none;
   font-size: 22px;
   padding: 10px;
   background-color: white;
 }
-/* line 761, ../sass/screen.scss */
+/* line 766, ../sass/screen.scss */
 #col-left #link-home img {
   height: 50px;
   margin-bottom: 5px;
   float: left;
 }
-/* line 767, ../sass/screen.scss */
+/* line 772, ../sass/screen.scss */
 #col-left #link-home .text {
   padding-left: 62px;
 }
-/* line 770, ../sass/screen.scss */
+/* line 775, ../sass/screen.scss */
 #col-left #link-home .text .bap {
   font-family: "comfortaalight";
   font-size: 24px;
 }
-/* line 775, ../sass/screen.scss */
+/* line 780, ../sass/screen.scss */
 #col-left #link-home .text .plateforme {
   font-size: 17px;
   font-family: "myriadpro-light";
   color: #FF7F00;
 }
-/* line 783, ../sass/screen.scss */
+/* line 788, ../sass/screen.scss */
 #col-left h2 {
   font-family: "myriadpro-regular";
   color: black;
   margin-bottom: 10px;
   padding: 15px 0px 5px 15px;
 }
-/* line 791, ../sass/screen.scss */
+/* line 796, ../sass/screen.scss */
 #col-left #links {
   background-color: white;
   margin-bottom: 20px;
 }
-/* line 797, ../sass/screen.scss */
+/* line 802, ../sass/screen.scss */
 #col-left #links ul li a {
   text-align: center;
   border-right: solid 1px #e0e0e0;
 }
-/* line 801, ../sass/screen.scss */
+/* line 806, ../sass/screen.scss */
 #col-left #links ul li a:hover {
   background-color: #FF7F00;
   color: white;
 }
-/* line 807, ../sass/screen.scss */
+/* line 812, ../sass/screen.scss */
 #col-left #links ul li:last-child a {
   border-right: 0px none;
 }
-/* line 817, ../sass/screen.scss */
+/* line 822, ../sass/screen.scss */
 #col-left #producers nav.nav-producers ul li a {
   padding-left: 50px;
   height: 40px;
 }
-/* line 823, ../sass/screen.scss */
+/* line 828, ../sass/screen.scss */
 #col-left #producers nav.nav-producers ul li.active a {
   background-color: #FF7F00;
   position: relative;
   color: white;
 }
-/* line 828, ../sass/screen.scss */
+/* line 833, ../sass/screen.scss */
 #col-left #producers nav.nav-producers ul li.active a:after {
   right: -40px;
   top: 50%;
   border-width: 20px;
   margin-top: -20px;
 }
-/* line 847, ../sass/screen.scss */
+/* line 852, ../sass/screen.scss */
 #col-left ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
 }
-/* line 851, ../sass/screen.scss */
+/* line 856, ../sass/screen.scss */
 #col-left ul li {
   margin: 0px;
   padding: 0px;
 }
-/* line 854, ../sass/screen.scss */
+/* line 859, ../sass/screen.scss */
 #col-left ul li a {
   text-decoration: none;
   font-family: "comfortaaregular";
   display: block;
   color: black;
 }
-/* line 864, ../sass/screen.scss */
+/* line 869, ../sass/screen.scss */
 #col-left ul li a span.name, #col-left ul li a span.wording {
   display: none;
 }
-/* line 871, ../sass/screen.scss */
+/* line 876, ../sass/screen.scss */
 #col-left p {
   padding: 20px;
   padding-top: 0px;
   color: gray;
 }
 
-/* line 879, ../sass/screen.scss */
+/* line 884, ../sass/screen.scss */
 #content .header-title {
   height: 79px;
   padding: 20px 20px;
   -webkit-box-shadow: 0px 0px 8px #e0e0e0;
   box-shadow: 0px 0px 8px #e0e0e0;
 }
-/* line 891, ../sass/screen.scss */
+/* line 896, ../sass/screen.scss */
 #content .header-title h1 {
   color: black;
   font-family: "myriadpro-regular";
   font-size: 25px;
   text-transform: uppercase;
 }
-/* line 899, ../sass/screen.scss */
+/* line 904, ../sass/screen.scss */
 #content .header-title h2 {
   color: gray;
   text-transform: none;
   line-height: 20px;
 }
 
-/* line 910, ../sass/screen.scss */
+/* line 915, ../sass/screen.scss */
 .header-producer {
   z-index: 1;
 }
-/* line 912, ../sass/screen.scss */
+/* line 917, ../sass/screen.scss */
 .header-producer #block-main-img {
   height: 144px;
   overflow: hidden;
 }
-/* line 916, ../sass/screen.scss */
+/* line 921, ../sass/screen.scss */
 .header-producer #block-main-img #main-img {
   width: 100%;
   height: auto;
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }
-/* line 925, ../sass/screen.scss */
+/* line 930, ../sass/screen.scss */
 .header-producer h1 {
   font-family: "comfortaaregular";
   text-align: center;
   top: 30px;
   left: 40px;
 }
-/* line 932, ../sass/screen.scss */
+/* line 937, ../sass/screen.scss */
 .header-producer h1 span {
   background-color: rgba(255, 255, 255, 0.8);
   padding: 10px 30px;
   border: dotted 1px black;
 }
 
-/* line 943, ../sass/screen.scss */
+/* line 948, ../sass/screen.scss */
 nav#menu-producer {
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 947, ../sass/screen.scss */
+/* line 952, ../sass/screen.scss */
 nav#menu-producer ul li {
   padding: 0px;
   margin: 0px;
 }
-/* line 950, ../sass/screen.scss */
+/* line 955, ../sass/screen.scss */
 nav#menu-producer ul li a {
   border-right: solid 1px #e0e0e0;
   text-decoration: none;
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }
-/* line 955, ../sass/screen.scss */
+/* line 960, ../sass/screen.scss */
 nav#menu-producer ul li a:hover {
   background-color: #FF7F00;
   color: white;
 }
 
-/* line 965, ../sass/screen.scss */
+/* line 970, ../sass/screen.scss */
 .site-contact .col-lg-5 {
   margin: 0px auto;
   float: none;

frontend/web/sass/screen.scss

         border: solid 1px #e0e0e0 ;
         background-color: white ;
 
+        &.logo-distrib-default {
+            background-size: auto 70px;    
+            background-position: center 0px ;
+        }
+        
         a {
             position: absolute ;
             bottom: 0px ;