cd13: move #section-une outside of the flexbox (#30775)

static/bouches-du-rhone/_custom.scss

@@ -33,10 +33,6 @@ div#main-content-wrapper {
 	text-transform: uppercase;
 }
 
-.gru-content {
-	-ms-flex-wrap: wrap;
-	flex-wrap: wrap;
-}
 
 div.textcell h3, div#rub_service h3 {
 	color: $primary-color;
@@ -47,35 +43,31 @@ div.textcell h4, div#rub_service h4 {
 }
 
 div#section-une {
-	background-repeat: no-repeat;
+	height: 300px;
 	padding: 2rem;
 	background-size: cover;
-	div.cell {
-		float: right;
-		width: 25%;
-		opacity: 0.9;
-		border: none;
-		@media screen and (max-width: $mobile-limit) {
-			float: none;
-			width: auto;
-			margin: 1rem 0;
-			max-width: 100%;
-		}
+	@media screen and (max-width: $mobile-limit) {
+		height: auto;
 	}
-	div#une {
+	div.cell#une {
 		position: relative;
 		float: left;
 		width: 50%;
+		background: white;
+		box-sizing: border-box;
+		border-radius: 3px;
+		border: none;
+		opacity: 0.9;
 		padding: 2rem 4rem;
 		@media screen and (max-width: $mobile-limit) {
-			padding: 1rem 0rem;
 			float: none;
 			width: auto;
-			height: auto;
-			margin: 1rem 0;
-			img {
-				max-width: 30%;
-			}
+			padding: 1rem 1rem;
+		}
+		h2 {
+			color: $title-color;
+			font-weight: 300;
+			text-transform: uppercase;
 		}
 	}
 }

templates/variants/bouches-du-rhone/combo/page_template_homepage.html

@@ -3,7 +3,7 @@
 
 {% block bodyclasses %}{{ block.super }} page-homepage{% endblock %}
 
-{% block content-top %}
+{% block content-pre %}
 <div id="section-une" {% if page.picture %}style="background-image: url({{page.picture.url}});"{% endif %}>
   {% placeholder "une" name="Une" %}
 </div>