Intégration page tarif : hauteur des panels #378

frontend/views/site/prices.php

 <?= $this->render('_prices_producer', ['dataProviderPrices' => $dataProviderPrices, 'noButton'=> true]); ?>
 
 <div id="site-prices">
-    <div class="row">
-        <div class="col-md-6 producer">
+    <div class="row equal">
+        <div class="col-md-6  col-xs-12 producer">
             <div class="panel panel-default">
                 <div class="panel-heading">
                     <h2 class="panel-title">
                 </div>
             </div>
         </div>
-        <div class="col-md-6 producer">
+        <div class="col-md-6  col-xs-12 producer">
             <div class="panel panel-default">
                 <div class="panel-heading">
                     <h2 class="panel-title">
         </div>
     </div>
 
-    <div class="row">
-        <div class="col-md-6 producer">
+    <div class="row equal">
+        <div class="col-md-6  col-xs-12 producer">
             <div class="panel panel-default">
                 <div class="panel-heading">
                     <h2 class="panel-title">
                 </div>
             </div>
         </div>
-        <div class="col-md-6 producer">
+        <div class="col-md-6  col-xs-12 producer">
             <div class="panel panel-default">
                 <div class="panel-heading">
                     <h2 class="panel-title">
         </div>
     </div>
 
-    <div class="row">
-        <div class="col-md-6 producer">
+    <div class="row equal">
+        <div class="col-md-6 col-xs-12 producer">
             <div class="panel panel-default">
                 <div class="panel-heading">
                     <h2 class="panel-title">
                 </div>
             </div>
         </div>
-        <div class="col-md-6 producer">
+        <div class="col-md-6  col-xs-12 producer">
             <div class="panel panel-default">
                 <div class="panel-heading">
                     <h2 class="panel-title">
                         <span class="the-title">Durée d'engagement</span>
                     </h2>
                 </div>
-                <div class="panel-body">
+                <div class="panel-body ">
                     <p>Ce service est sans engagement de durée. Si vous souhaitez arrêter, vous aurez simplement à le configurer dans vos
                         paramètres en mettant hors-ligne votre compte.</p>
                 </div>

frontend/web/css/screen.css

 }
 
 /* line 377, ../sass/screen.scss */
+.vertical-align {
+  display: flex;
+  align-items: center;
+}
+
+/* line 382, ../sass/screen.scss */
 #content {
   position: relative;
   padding: 20px 0px;
   padding-top: 35px;
   padding-bottom: 50px;
 }
-/* line 383, ../sass/screen.scss */
+/* line 388, ../sass/screen.scss */
 #content h1#title-site, #content h1 {
   font-family: "highvoltageregular";
   font-size: 35px;
 }
-/* line 388, ../sass/screen.scss */
+/* line 393, ../sass/screen.scss */
 #content h2 {
   color: #323232;
   padding-bottom: 15px;
   position: relative;
   margin-top: 30px;
 }
-/* line 399, ../sass/screen.scss */
+/* line 404, ../sass/screen.scss */
 #content h3 {
   font-family: "highvoltageregular";
   font-size: 20px;
   color: #323232;
 }
-/* line 405, ../sass/screen.scss */
+/* line 410, ../sass/screen.scss */
 #content #presentation-distrib {
   margin-top: 20px;
   margin-bottom: 50px;
   text-align: center;
 }
-/* line 410, ../sass/screen.scss */
+/* line 415, ../sass/screen.scss */
 #content #presentation-distrib h1 {
   font-family: "capsuularegular";
   text-align: center;
   margin-bottom: 0px;
   padding-bottom: 0px;
 }
-/* line 422, ../sass/screen.scss */
+/* line 427, ../sass/screen.scss */
 #content #presentation-distrib p {
   color: white;
   font-family: "capsuularegular";
   font-size: 20px;
   margin-top: 20px;
 }
-/* line 430, ../sass/screen.scss */
+/* line 435, ../sass/screen.scss */
 #content .panel {
   background-color: white;
   border: solid 1px #e0e0e0;
 }
-/* line 434, ../sass/screen.scss */
+/* line 439, ../sass/screen.scss */
 #content .panel .panel-heading {
   background-color: #FFF8DC;
   border-bottom: 0px;
   padding-bottom: 8px;
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 441, ../sass/screen.scss */
+/* line 446, ../sass/screen.scss */
 #content .panel .panel-heading h2.panel-title {
   margin: 0px;
   padding: 0px;
   padding-top: 0px;
   text-align: center;
 }
-/* line 447, ../sass/screen.scss */
+/* line 452, ../sass/screen.scss */
 #content .panel .panel-heading h2.panel-title .img {
   height: 20px;
   display: none;
 }
-/* line 451, ../sass/screen.scss */
+/* line 456, ../sass/screen.scss */
 #content .panel .panel-heading h2.panel-title .glyphicon {
   font-size: 20px;
   display: none;
 }
-/* line 455, ../sass/screen.scss */
+/* line 460, ../sass/screen.scss */
 #content .panel .panel-heading h2.panel-title span.the-title {
   margin-left: 10px;
   font-size: 26px;
   top: 0px;
   text-transform: uppercase;
 }
-/* line 464, ../sass/screen.scss */
+/* line 469, ../sass/screen.scss */
 #content .panel .panel-body {
   background-color: white;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px;
   border-radius: 0px 0px 5px 5px;
 }
-/* line 470, ../sass/screen.scss */
+/* line 475, ../sass/screen.scss */
 #content #row-users-producers {
   text-align: center;
   display: table;
   -webkit-border-radius: 5px;
   border-radius: 5px;
 }
-/* line 476, ../sass/screen.scss */
+/* line 481, ../sass/screen.scss */
 #content #row-users-producers .col-md-6 {
   display: table-cell;
   width: 50%;
 }
-/* line 479, ../sass/screen.scss */
+/* line 484, ../sass/screen.scss */
 #content #row-users-producers .col-md-6 .panel {
   height: 100%;
   margin-bottom: 20px;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-/* line 486, ../sass/screen.scss */
+/* line 491, ../sass/screen.scss */
 #content #row-users-producers .col-md-6.producer {
   padding-left: 0px;
 }
-/* line 489, ../sass/screen.scss */
+/* line 494, ../sass/screen.scss */
 #content #row-users-producers .col-md-6.users {
   padding-right: 0px;
 }
-/* line 502, ../sass/screen.scss */
+/* line 507, ../sass/screen.scss */
 #content #row-users-producers div.producer .btn-primary,
 #content #row-functionalities-rates div.producer .btn-primary {
   margin-bottom: 5px;
 }
-/* line 507, ../sass/screen.scss */
+/* line 512, ../sass/screen.scss */
 #content #row-users-producers p.presentation,
 #content #row-functionalities-rates p.presentation {
   font-family: "capsuularegular";
   font-size: 20px;
   line-height: 26px;
 }
-/* line 514, ../sass/screen.scss */
+/* line 519, ../sass/screen.scss */
 #content #row-users-producers p,
 #content #row-functionalities-rates p {
   padding-bottom: 4px;
 }
-/* line 520, ../sass/screen.scss */
+/* line 525, ../sass/screen.scss */
 #content #row-functionalities-rates .block {
   margin-bottom: 10px;
 }
-/* line 522, ../sass/screen.scss */
+/* line 527, ../sass/screen.scss */
 #content #row-functionalities-rates .block p {
   font-family: "capsuularegular";
   font-size: 18px;
   margin-left: 70px;
 }
-/* line 527, ../sass/screen.scss */
+/* line 532, ../sass/screen.scss */
 #content #row-functionalities-rates .block img {
   float: left;
   width: 50px;
   height: auto;
 }
-/* line 532, ../sass/screen.scss */
+/* line 537, ../sass/screen.scss */
 #content #row-functionalities-rates .block a {
   text-decoration: none;
   color: black;
 }
-/* line 535, ../sass/screen.scss */
+/* line 540, ../sass/screen.scss */
 #content #row-functionalities-rates .block a:hover {
   color: #FF7F00;
 }
-/* line 542, ../sass/screen.scss */
+/* line 547, ../sass/screen.scss */
 #content #row-functionalities-rates .block-points-sale-products img {
   width: 40px;
 }
-/* line 550, ../sass/screen.scss */
+/* line 555, ../sass/screen.scss */
 #content #block-rates table th {
   font-family: "capsuularegular";
   font-weight: normal;
   font-size: 23px;
 }
-/* line 555, ../sass/screen.scss */
+/* line 560, ../sass/screen.scss */
 #content #block-rates table th, #content #block-rates table td {
   text-align: center;
 }
-/* line 562, ../sass/screen.scss */
+/* line 567, ../sass/screen.scss */
 #content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active {
   color: black;
 }
 
-/* line 572, ../sass/screen.scss */
+/* line 577, ../sass/screen.scss */
 #content #contact {
   display: none;
 }
-/* line 576, ../sass/screen.scss */
+/* line 581, ../sass/screen.scss */
 #content #contact .icon {
   width: 55px;
   top: -15px;
   margin-left: -70px;
 }
-/* line 582, ../sass/screen.scss */
+/* line 587, ../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 587, ../sass/screen.scss */
+/* line 592, ../sass/screen.scss */
 #content #contact .form-group {
   text-align: center;
 }
-/* line 591, ../sass/screen.scss */
+/* line 596, ../sass/screen.scss */
 #content #contact .img-right {
   float: right;
 }
-/* line 594, ../sass/screen.scss */
+/* line 599, ../sass/screen.scss */
 #content #contact .img-right img {
   width: 300px;
 }
 
-/* line 600, ../sass/screen.scss */
+/* line 605, ../sass/screen.scss */
 #bookmarked-producers {
   padding: 0px;
   padding-top: 15px;
   border-bottom: solid 1px #e0e0e0;
   background-color: white;
 }
-/* line 608, ../sass/screen.scss */
+/* line 613, ../sass/screen.scss */
 #bookmarked-producers h2 {
   float: left;
   font-family: "highvoltageregular";
   padding: 0px;
   color: #323232;
 }
-/* line 619, ../sass/screen.scss */
+/* line 624, ../sass/screen.scss */
 #bookmarked-producers #producers {
   position: relative;
   top: -5px;
   left: 5px;
 }
-/* line 625, ../sass/screen.scss */
+/* line 630, ../sass/screen.scss */
 #bookmarked-producers #discover {
   padding-bottom: 20px;
   text-align: center;
 }
-/* line 629, ../sass/screen.scss */
+/* line 634, ../sass/screen.scss */
 #bookmarked-producers #discover p {
   padding-bottom: 0px;
   color: white;
 }
-/* line 634, ../sass/screen.scss */
+/* line 639, ../sass/screen.scss */
 #bookmarked-producers #discover .btn {
   background-color: white;
   color: #FF7F00;
   border: solid 1px white;
 }
 
-/* line 643, ../sass/screen.scss */
+/* line 648, ../sass/screen.scss */
 #footer {
   position: absolute;
   bottom: 0px;
   background-color: white;
   border-top: solid 1px #e0e0e0;
 }
-/* line 653, ../sass/screen.scss */
+/* line 658, ../sass/screen.scss */
 #footer a {
   color: black;
   font-family: "capsuularegular";
   padding-right: 10px;
   border-right: solid 1px white;
 }
-/* line 662, ../sass/screen.scss */
+/* line 667, ../sass/screen.scss */
 #footer a:hover {
   text-decoration: underline;
 }
-/* line 666, ../sass/screen.scss */
+/* line 671, ../sass/screen.scss */
 #footer a:last-child {
   border: 0px none;
 }
 
-/* line 672, ../sass/screen.scss */
+/* line 677, ../sass/screen.scss */
 #content #mentions {
   padding-top: 20px;
 }
-/* line 675, ../sass/screen.scss */
+/* line 680, ../sass/screen.scss */
 #content #mentions div.content {
   width: 60%;
   font-size: 90%;
 }
-/* line 680, ../sass/screen.scss */
+/* line 685, ../sass/screen.scss */
 #content #mentions p {
   padding-bottom: 15px;
 }
-/* line 684, ../sass/screen.scss */
+/* line 689, ../sass/screen.scss */
 #content #mentions h2 {
   color: black;
   padding-bottom: 40px;
   line-height: 35px;
   font-family: "highvoltageregular";
 }
-/* line 692, ../sass/screen.scss */
+/* line 697, ../sass/screen.scss */
 #content #mentions h3 {
   font-family: "highvoltageregular";
   font-size: 18px;
   color: black;
 }
 
-/* line 707, ../sass/screen.scss */
+/* line 712, ../sass/screen.scss */
 .vegas-loading {
   display: none;
 }
 
-/* line 714, ../sass/screen.scss */
+/* line 719, ../sass/screen.scss */
 #profil-user .form-group.field-user-no_mail label {
   font-weight: normal;
 }
-/* line 718, ../sass/screen.scss */
+/* line 723, ../sass/screen.scss */
 #profil-user .form-group label {
   cursor: pointer;
 }
-/* line 723, ../sass/screen.scss */
+/* line 728, ../sass/screen.scss */
 #profil-user #mails-days-distribution .form-group {
   float: left;
   margin-right: 15px;
 }
-/* line 726, ../sass/screen.scss */
+/* line 731, ../sass/screen.scss */
 #profil-user #mails-days-distribution .form-group label {
   font-weight: normal;
 }
-/* line 732, ../sass/screen.scss */
+/* line 737, ../sass/screen.scss */
 #profil-user p.strong {
   font-weight: bold;
 }
 
 /* login */
-/* line 742, ../sass/screen.scss */
+/* line 747, ../sass/screen.scss */
 .back-white, .site-login .col-lg-5, .site-signup .col-lg-5 {
   background-color: white;
   padding: 30px;
   border-radius: 5px;
 }
 
-/* line 749, ../sass/screen.scss */
+/* line 754, ../sass/screen.scss */
 .site-login .col-lg-5 {
   margin: 0px auto;
   float: none;
 }
 
 /* signup */
-/* line 759, ../sass/screen.scss */
+/* line 764, ../sass/screen.scss */
 .modal-backdrop {
   z-index: 999;
 }
 
-/* line 764, ../sass/screen.scss */
+/* line 769, ../sass/screen.scss */
 .site-signup .col-lg-5 {
   margin: 0px auto;
   float: none;
   max-width: 500px;
 }
 
-/* line 774, ../sass/screen.scss */
+/* line 779, ../sass/screen.scss */
 #modal-cgv .modal-body h2 {
   margin-bottom: 5px;
   padding-bottom: 0px;
   margin-top: 0px;
 }
 
-/* line 784, ../sass/screen.scss */
+/* line 789, ../sass/screen.scss */
 #form-signup #user-producer {
   margin-bottom: 30px;
 }
-/* line 789, ../sass/screen.scss */
+/* line 794, ../sass/screen.scss */
 #form-signup #signupform-id_producer option:disabled {
   font-weight: bold;
   color: black;
 }
-/* line 795, ../sass/screen.scss */
+/* line 800, ../sass/screen.scss */
 #form-signup #champs-producer {
   display: none;
 }
-/* line 799, ../sass/screen.scss */
+/* line 804, ../sass/screen.scss */
 #form-signup #buttons-signup {
   margin-top: 30px;
 }
 
-/* line 804, ../sass/screen.scss */
+/* line 809, ../sass/screen.scss */
 #col-left {
   padding: 0px;
   z-index: 15;
 }
-/* line 808, ../sass/screen.scss */
+/* line 813, ../sass/screen.scss */
 #col-left .affix {
   width: 25%;
   border-right: solid 1px #e0e0e0;
   background-color: #FAFAFA;
   height: 100%;
 }
-/* line 815, ../sass/screen.scss */
+/* line 820, ../sass/screen.scss */
 #col-left #link-home {
   text-decoration: none;
   font-size: 22px;
   padding: 10px;
   background-color: white;
 }
-/* line 823, ../sass/screen.scss */
+/* line 828, ../sass/screen.scss */
 #col-left #link-home img {
   height: 50px;
   margin-bottom: 5px;
   float: left;
 }
-/* line 829, ../sass/screen.scss */
+/* line 834, ../sass/screen.scss */
 #col-left #link-home .text {
   padding-left: 62px;
 }
-/* line 832, ../sass/screen.scss */
+/* line 837, ../sass/screen.scss */
 #col-left #link-home .text .bap {
   font-family: "comfortaalight";
   font-size: 24px;
 }
-/* line 837, ../sass/screen.scss */
+/* line 842, ../sass/screen.scss */
 #col-left #link-home .text .plateforme {
   font-size: 17px;
   font-family: "myriadpro-light";
   color: #FF7F00;
 }
-/* line 845, ../sass/screen.scss */
+/* line 850, ../sass/screen.scss */
 #col-left h2 {
   font-family: "myriadpro-regular";
   color: black;
   margin-bottom: 10px;
   padding: 15px 0px 5px 15px;
 }
-/* line 853, ../sass/screen.scss */
+/* line 858, ../sass/screen.scss */
 #col-left #links {
   background-color: white;
   margin-bottom: 20px;
 }
-/* line 859, ../sass/screen.scss */
+/* line 864, ../sass/screen.scss */
 #col-left #links ul li a {
   text-align: center;
   border-right: solid 1px #e0e0e0;
 }
-/* line 863, ../sass/screen.scss */
+/* line 868, ../sass/screen.scss */
 #col-left #links ul li a:hover {
   background-color: #FF7F00;
   color: white;
 }
-/* line 869, ../sass/screen.scss */
+/* line 874, ../sass/screen.scss */
 #col-left #links ul li:last-child a {
   border-right: 0px none;
 }
-/* line 879, ../sass/screen.scss */
+/* line 884, ../sass/screen.scss */
 #col-left #producers nav.nav-producers ul li a {
   padding-left: 50px;
   height: 40px;
 }
-/* line 885, ../sass/screen.scss */
+/* line 890, ../sass/screen.scss */
 #col-left #producers nav.nav-producers ul li.active a {
   background-color: #FF7F00;
   position: relative;
   color: white;
 }
-/* line 890, ../sass/screen.scss */
+/* line 895, ../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 909, ../sass/screen.scss */
+/* line 914, ../sass/screen.scss */
 #col-left ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
 }
-/* line 913, ../sass/screen.scss */
+/* line 918, ../sass/screen.scss */
 #col-left ul li {
   margin: 0px;
   padding: 0px;
 }
-/* line 916, ../sass/screen.scss */
+/* line 921, ../sass/screen.scss */
 #col-left ul li a {
   text-decoration: none;
   font-family: "comfortaaregular";
   display: block;
   color: black;
 }
-/* line 926, ../sass/screen.scss */
+/* line 931, ../sass/screen.scss */
 #col-left ul li a span.name, #col-left ul li a span.wording {
   display: none;
 }
-/* line 933, ../sass/screen.scss */
+/* line 938, ../sass/screen.scss */
 #col-left p {
   padding: 20px;
   padding-top: 0px;
   color: gray;
 }
 
-/* line 941, ../sass/screen.scss */
+/* line 946, ../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 953, ../sass/screen.scss */
+/* line 958, ../sass/screen.scss */
 #content .header-title h1 {
   color: black;
   font-family: "myriadpro-regular";
   font-size: 25px;
   text-transform: uppercase;
 }
-/* line 961, ../sass/screen.scss */
+/* line 966, ../sass/screen.scss */
 #content .header-title h2 {
   color: gray;
   text-transform: none;
   line-height: 20px;
 }
 
-/* line 972, ../sass/screen.scss */
+/* line 977, ../sass/screen.scss */
 .header-producer {
   z-index: 1;
 }
-/* line 974, ../sass/screen.scss */
+/* line 979, ../sass/screen.scss */
 .header-producer #block-main-img {
   height: 144px;
   overflow: hidden;
 }
-/* line 978, ../sass/screen.scss */
+/* line 983, ../sass/screen.scss */
 .header-producer #block-main-img #main-img {
   width: 100%;
   height: auto;
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }
-/* line 987, ../sass/screen.scss */
+/* line 992, ../sass/screen.scss */
 .header-producer h1 {
   font-family: "comfortaaregular";
   text-align: center;
   top: 30px;
   left: 40px;
 }
-/* line 994, ../sass/screen.scss */
+/* line 999, ../sass/screen.scss */
 .header-producer h1 span {
   background-color: rgba(255, 255, 255, 0.8);
   padding: 10px 30px;
   border: dotted 1px black;
 }
 
-/* line 1005, ../sass/screen.scss */
+/* line 1010, ../sass/screen.scss */
 nav#menu-producer {
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 1009, ../sass/screen.scss */
+/* line 1014, ../sass/screen.scss */
 nav#menu-producer ul li {
   padding: 0px;
   margin: 0px;
 }
-/* line 1012, ../sass/screen.scss */
+/* line 1017, ../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 1017, ../sass/screen.scss */
+/* line 1022, ../sass/screen.scss */
 nav#menu-producer ul li a:hover {
   background-color: #FF7F00;
   color: white;
 }
 
-/* line 1027, ../sass/screen.scss */
+/* line 1032, ../sass/screen.scss */
 .site-contact .col-lg-5 {
   margin: 0px auto;
   float: none;
 }
-/* line 1032, ../sass/screen.scss */
+/* line 1037, ../sass/screen.scss */
 .site-contact #contact-phone {
   font-family: "capsuularegular";
   font-size: 20px;
   line-height: 25px;
 }
 
-/* line 1041, ../sass/screen.scss */
+/* line 1046, ../sass/screen.scss */
 #site-prices .panel p {
   padding-bottom: 0px;
 }
 pris connaissance de la licence CeCILL, et que vous en avez accepté les
 termes.
 */
+@media screen and (min-width: 768px) {
+  /* line 38, ../sass/_responsive.scss */
+  .equal, .equal > div[class*='col-'] {
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    flex: 1 1 auto;
+  }
+}
 @media screen and (min-width: 768px) and (max-width: 1000px) {
-  /* line 41, ../sass/_responsive.scss */
+  /* line 51, ../sass/_responsive.scss */
   #header nav .navbar-nav {
     padding-top: 10px;
   }
-  /* line 47, ../sass/_responsive.scss */
+  /* line 57, ../sass/_responsive.scss */
   #header nav ul li a {
     padding: 3px 7px;
     font-size: 15px;
   }
 }
 @media screen and (max-width: 768px) {
-  /* line 60, ../sass/_responsive.scss */
+  /* line 70, ../sass/_responsive.scss */
   #content {
     padding-top: 0px;
   }
 
-  /* line 65, ../sass/_responsive.scss */
+  /* line 75, ../sass/_responsive.scss */
   #main .container {
     padding-left: 15px;
     padding-right: 15px;
   }
 
-  /* line 72, ../sass/_responsive.scss */
+  /* line 82, ../sass/_responsive.scss */
   #header {
     position: relative;
   }
-  /* line 75, ../sass/_responsive.scss */
+  /* line 85, ../sass/_responsive.scss */
   #header #link-home {
     padding-left: 15px;
   }
-  /* line 79, ../sass/_responsive.scss */
+  /* line 89, ../sass/_responsive.scss */
   #header .navbar-collapse {
     border: 0px none;
   }
-  /* line 83, ../sass/_responsive.scss */
+  /* line 93, ../sass/_responsive.scss */
   #header nav {
     width: 100%;
   }
-  /* line 85, ../sass/_responsive.scss */
+  /* line 95, ../sass/_responsive.scss */
   #header nav ul {
     position: relative;
     display: block;
     margin: 0px none;
     border: 0px none;
   }
-  /* line 92, ../sass/_responsive.scss */
+  /* line 102, ../sass/_responsive.scss */
   #header nav ul li {
     display: block;
     float: none;
   }
-  /* line 95, ../sass/_responsive.scss */
+  /* line 105, ../sass/_responsive.scss */
   #header nav ul li a {
     display: block;
     padding: 10px;
   }
-  /* line 103, ../sass/_responsive.scss */
+  /* line 113, ../sass/_responsive.scss */
   #header nav ul li#logo {
     display: block;
   }
-  /* line 110, ../sass/_responsive.scss */
+  /* line 120, ../sass/_responsive.scss */
   #header a#link-commander {
     display: none;
   }
 
-  /* line 115, ../sass/_responsive.scss */
+  /* line 125, ../sass/_responsive.scss */
   #content #points-sale .content {
     padding-left: 10px;
     margin-top: 30px;
   }
 
-  /* line 120, ../sass/_responsive.scss */
+  /* line 130, ../sass/_responsive.scss */
   #menu-user {
     position: relative;
     top: 0px;
   }
 
-  /* line 125, ../sass/_responsive.scss */
+  /* line 135, ../sass/_responsive.scss */
   .connected #content {
     padding-top: 0px;
   }
 
-  /* line 132, ../sass/_responsive.scss */
+  /* line 142, ../sass/_responsive.scss */
   .home #content #presentation-distrib h3 {
     color: #323232;
   }
-  /* line 136, ../sass/_responsive.scss */
+  /* line 146, ../sass/_responsive.scss */
   .home #main {
     background-image: none;
     background-color: #FFF8DC;
   }
-  /* line 140, ../sass/_responsive.scss */
+  /* line 150, ../sass/_responsive.scss */
   .home #main #row-users-producers {
     display: block;
     margin-bottom: 20px;
   }
-  /* line 144, ../sass/_responsive.scss */
+  /* line 154, ../sass/_responsive.scss */
   .home #main #row-users-producers .col-md-6 {
     float: left;
     display: block;

frontend/web/sass/_responsive.scss

 termes.
 */
 
+@media screen and (min-width: 768px) {
+    .equal, .equal > div[class*='col-'] {
+        display: -webkit-box;
+        display: -moz-box;
+        display: -ms-flexbox;
+        display: -webkit-flex;
+        display: flex;
+        flex:1 1 auto;
+    }
+}
 @media screen and (min-width: 768px) and (max-width: 1000px) {
-    
+
     #header {
         nav {
             .navbar-nav {

frontend/web/sass/screen.scss

 }
 
 
+.vertical-align {
+    display: flex;
+    align-items: center;
+}
+
 #content {
         position: relative ;
 	padding: 20px 0px ;
                 margin-top: 20px ;
             }
         }
-        
+
         .panel {
             background-color: white ;
             border: solid 1px #e0e0e0 ;