lang

static/src/css/pylote.css

@@ -181,6 +181,18 @@ li#menu-contact .btn-primary{
 
 
 /*Navigation*/
+.flex-lang{
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+}
+
+.lang-bloc{
+	display: flex;
+	flex-direction: row;
+	font-size: 11px;
+}
+
 /* Icon 1 */
 
 .animated-icon3 {
@@ -440,6 +452,7 @@ li#menu-contact{
 
 #top_menu{
 	text-align: left !important;
+	position: relative;
 }
 
 /*Footer*/
@@ -582,7 +595,7 @@ form label{
 }
 
 .header-title-content{
-	max-width: 720px;
+	max-width: 800px;
     height: 100%;
     margin: 0 auto;
     display: flex;
@@ -679,7 +692,8 @@ form label{
 
 .banner-cleaner-second{
 	background-size: auto;
-	background-image: url("/pylote_website/static/src/img/banner-cleaner-second.png");
+	/*background-image: url("/pylote_website/static/src/img/banner-cleaner-second.png");*/
+	background-image: url("/pylote_website/static/src/img/banner-cleaner-second.jpg");
 }
 
 .banner-cleaner-third{
@@ -687,11 +701,11 @@ form label{
 }
 
 .banner-safer{
-	background-image: url("/pylote_website/static/src/img/banner-safer.png");
+	background-image: url("/pylote_website/static/src/img/banner-safer.jpg");
 }
 
 .banner-greener{
-	background-image: url("/pylote_website/static/src/img/banner-greener.png");
+	background-image: url("/pylote_website/static/src/img/banner-greener.jpg");
 }
 
 .home-header-title {
@@ -709,11 +723,15 @@ form label{
 	margin-bottom: 15px;
 }
 
-.home-header-title h1, .home-header-title p{
+.home-header-title h1{
 	color: #fff;
 	text-transform: uppercase;
 }
 
+.home-header-title p{
+	color: #fff;
+}
+
 .home-header-title h1{
 	font-weight: 400;
 }
@@ -729,7 +747,8 @@ form label{
 }
 
 .home-bloc a{
-	height: 400px;
+	/*height: 400px;*/
+	height: 330px;
 }
 
 .home-bloc{
@@ -763,6 +782,21 @@ hr{
     margin-top: 0;
 }
 
+.lang-bloc hr{
+	border-top: 0px solid #56A099;
+	border-bottom: 1px solid #56A099;
+	margin-right: 3px;
+    margin-left: 3px;
+    margin-top: 10px;
+}
+
+li.lang {
+    position: absolute;
+    right: 0;
+    bottom: 20px;
+    top: inherit; 
+}
+
 .trait-title{
 	display: none;
 	border-bottom: 1px solid #56A099;
@@ -772,16 +806,18 @@ hr{
 }
 
 .circle-top{
-	height: 170px;
+	/*height: 170px;*/
+	height: 140px;
 	display: flex;
-	align-items: center;
+	align-items: flex-end;
 }
 
 .circle-home-text{
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-	height: 230px;
+	/*height: 230px;*/
+	height: 190px;
 }
 
 .circle-home-border h4, .circle-home-border h6, .circle-home-border p, .circle-home-mobile p, .circle-home p,
@@ -1158,6 +1194,24 @@ h2 span{
 	border: 0px solid #56A099;
 }
 
+.flex-carte{
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.text-carte{
+	position: absolute;
+}
+
+.text-carte h4{
+	text-transform: uppercase;
+}
+
+.text-carte span{
+	font-weight: 300;
+}
+
 #our-mission .d-flex{
 	flex-direction: column;
 	text-align: center;

static/src/css/pylote_mobil.css

@@ -88,7 +88,7 @@
 	}
 
 	#our-recognition .bloc-border{
-		border: 0.3px solid #56A099;
+		border: 1px solid #56A099;
 	}
 
 	.mentions-border {
@@ -98,6 +98,13 @@
 		border-left: 1px solid #fff;
 	}
 
+	li.lang {
+	    position: absolute;
+	    right: 0;
+	    top: -30px;
+	    bottom: inherit;
+	}
+
 	.mentions-border br{
 		display: block;
 	}
@@ -146,7 +153,8 @@
 
 	.home-bloc{
 		border: 1px solid #E7F1FC;
-		height: 400px;
+		/*height: 400px;*/
+		height: 330px;
 		width: 329px;
 		padding: 0px 10px;
 	}
@@ -181,10 +189,12 @@
 
 	.home-banner{
 		display: inherit;
-		height: 667px;
+		/*height: 667px;*/
+	    height: 530px;
+	    margin-bottom: 120px;
 		margin-top: 0px;
-		margin-bottom: 140px;
-		background-image: url("/pylote_website/static/src/img/banner-home.png");
+		/*background-image: url("/pylote_website/static/src/img/banner-home.png");*/
+		background-image: url("/pylote_website/static/src/img/home-banner.jpg");
 	}
 
 	.home-banner img{
@@ -192,23 +202,24 @@
 	}
 
 	.our-company-banner{
-		background-image: url("/pylote_website/static/src/img/fond-banner.png");
+		background-image: url("/pylote_website/static/src/img/fond-banner.jpg");
 	}
 
 	.on-environment-banner{
-		background-image: url("/pylote_website/static/src/img/fond-banner-env.png");
+		background-image: url("/pylote_website/static/src/img/fond-banner-env.jpg");
 	}
 
 	.banner-support{
-		background-image: url("/pylote_website/static/src/img/banner-support.png");
+		background-image: url("/pylote_website/static/src/img/banner-support.jpg");
 	}
 
 	.banner-cleaner{
 		height: 476px;
-		background-image: url("/pylote_website/static/src/img/banner-cleaner.png");
+		/*background-image: url("/pylote_website/static/src/img/banner-cleaner.png");*/
+		background-image: url("/pylote_website/static/src/img/banner-cleaner.jpg");
 	}
 
-	.banner-cleaner-second{
+	.banner-cleaner-second, .banner-safer, .banner-greener{
 		height: 497px;
 	}
 
@@ -217,15 +228,6 @@
 		background-image: url("/pylote_website/static/src/img/banner-cleaner-third.png");
 	}
 
-	.banner-safer{
-		height: 497px;
-		background-image: url("/pylote_website/static/src/img/banner-safer-mobil.png");
-	}
-
-	.banner-greener{
-		height: 497px;
-	}
-
 	.news-home {
 		text-align: left;
 	}