orleans: footer styles (#16247)

static/orleans/_custom.scss

@@ -10,6 +10,11 @@
   font-style: normal;
 }
 
+@font-face {
+    font-family: 'the_sans_light';
+    src: url('fonts/thesans_light_plain-webfont.eot'), url('fonts/thesans_light_plain-webfont.woff2') format('woff2'), url('fonts/thesans_light_plain-webfont.woff') format('woff'), url('fonts/thesans_light_plain-webfont.ttf') format('truetype');
+}
+
 #content div#sidebar {
 	order: 2;
 	div.cell {
@@ -165,3 +170,73 @@ div#rub_service h2 {
 div#rub_service {
 	border: 1px solid #ddd;
 }
+
+div#footer {
+	padding-top: 30px;
+	color: #dbdbdb;
+	h3 {
+		text-transform: uppercase;
+		font-family: 'the_sans_bold';
+		border-top: 2px solid #818a8f;
+		border-bottom: 2px solid #818a8f;
+		font-size: 20px;
+		font-weight: 500;
+		line-height: 1.1;
+		padding: 10px 0;
+		margin-bottom: 30px;
+		color: #fff;
+	}
+	h4 {
+		font-family: 'the_sans_light', Arial, Helvetica, sans-serif;
+		font-size: 18px;
+		font-weight: bold;
+		margin: 25px 0 10.5px 0;
+		line-height: 1.1;
+	}
+	div.mairie-orleans {
+		width: 49%;
+		display: inline-table;
+		padding: 0 5px;
+		@media screen and (max-width: $mobile-limit) {
+		    display: block;
+		    width: auto;
+		}
+	}
+	div.orleans-metropole {
+		width: 49%;
+		padding: 0 5px;
+		display: inline-table;
+		@media screen and (max-width: $mobile-limit) {
+			display: block;
+			width: auto;
+		}
+	}
+	div.address {
+		float: right;
+		width: 50%;
+		p:first-child::before, p:last-child::before {
+			margin-right: 5px;
+			font-family: FontAwesome;
+		}
+		p:first-child::before {
+			content: "\f041";
+		}
+		p:last-child::before {
+			content: "\f095";
+		}
+	}
+	ul {
+		margin-top: 0;
+		margin-bottom: 10.5px;
+		padding-left: 0;
+		li {
+		list-style-type: none;
+			&::before {
+				padding-right: 5px;
+				color: #f7efe2;
+				font-family: FontAwesome;
+				content: "\f00c";
+			}
+		}
+	}
+}