From 90367f6a4150ff3e8684b21bedddef8c9311edf3 Mon Sep 17 00:00:00 2001
From: louiseh <louise.harari@ens.psl.eu>
Date: Fri, 5 Apr 2024 23:44:16 +0200
Subject: [PATCH] MAJ planning, rajout section safeness

---
 www/css/style.css | 66 ++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 62 insertions(+), 4 deletions(-)

diff --git a/www/css/style.css b/www/css/style.css
index d2851bb..fecc2d3 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -228,12 +228,13 @@ section:nth-child(6) {
 
 section:nth-child(7) {
 	background-color: #fbfbfb;
-	background-image: url(../img/theme/elements/papillon.svg);
+	background-image: url(../img/theme/paint/paint-blue.svg), url(../img/theme/elements/papillon.svg);
 	background-repeat: no-repeat;
-	background-size: 60%;
-	background-position: top left;
+	background-size:auto, 60%;
+	background-position: 0% 100%, center left;
 }	
 
+
 section p {
 	padding-bottom: 20px;
 	font-size: 1.2rem;
@@ -412,6 +413,10 @@ section p a:active {
 	text-align: center;
 }
 
+.plan img {
+	text-align: center;
+}
+
 /*--------------------------------------------------------*/
 
 @media only screen and (max-width: 880px) {
@@ -419,6 +424,11 @@ section p a:active {
 		width: 80%;
 		height: 80%;
 	}
+
+	.plan img {
+		width: 80%;
+		height: 80%;
+	}
 }
 
 
@@ -459,12 +469,23 @@ section p a:active {
 	padding-left: 60px;
 }
 
+#consentement {
+	font-size: 1.2rem;
+	margin-left: 0;
+	padding-left: 60px;
+}
+
 /* Média query pour les écrans de petite taille */
 @media screen and (max-width: 1000px) {
     .limited {
         margin-left: 0;
 		padding-left: 20px;
     }
+
+	.consentement {
+        margin-left: 0;
+		padding-left: 20px;
+    }
 }
 
 /*--------------------------------------------------------*/
@@ -773,7 +794,7 @@ section p a:active {
 }
 
 #sponsors img.sponsor-disc:hover {
-	border: 5px solid #884578ff
+	border: 5px solid #849697ff
 }
 
 /*--------------------------------------------------------*/
@@ -791,6 +812,43 @@ section p a:active {
 }
 
 
+/*--------------------------------------------------------*/
+/* Telephone safeness
+/*--------------------------------------------------------*/
+
+
+
+#Ulm > span::before {
+	content: " ";
+	display: inline-block;
+	background-image: url("../img/icons/tel.svg");
+	background-size: 32px 32px;
+	height: 32px;
+	width: 32px;
+	margin: 0 5px;
+}
+
+
+
+/*--------------------------------------------------------*/
+
+
+@media only screen and (max-width: 480px) {
+	#contact-email {
+		font-size: 1.2rem;
+	}
+
+	#contact-email > span::before {
+		content: "";
+		height: 0;
+		width: 0;
+		background: none;
+	}
+}
+
+
+
+
 
 /*--------------------------------------------------------*/
 /* CONTACT