diff --git a/CSS/accueil.css b/CSS/accueil.css
index f3c682f..2e73d5b 100644
--- a/CSS/accueil.css
+++ b/CSS/accueil.css
@@ -80,21 +80,33 @@ outline: none;
margin: 1%;
}
+
@media only screen and (max-width: 800px){
- body{
- width: 100vw;
+ h2{
+ margin-bottom: 10vh;
}
- #img_droite_txt_gauche{
- width: 100vw;
+ #presentation{
+ height: 50vh;
+ }
+ .img_main{
+ width: 75vw;
+ margin-bottom: 20vh;
}
- #menu-ordi{
- display: none;
+ #img-txt p {
+ width: 100vw;
+ margin-bottom: 10vh;
+ }
+ #img-txt div{
+ flex-direction: column;
+ padding-bottom: 0;
}
- #menu-mobile{
- position: fixed;
- display: block;
+ #img_gauche_txt_droite{
+ flex-direction: column;
+ }
+ #fond_2 video{
+ width: 95vw;
}
}
\ No newline at end of file
diff --git a/CSS/propos.css b/CSS/propos.css
index f696352..cca2ab5 100644
--- a/CSS/propos.css
+++ b/CSS/propos.css
@@ -4,7 +4,7 @@ h1,h2,h3,h4,h5{
}
-#cv{
+.cv{
display: inline-block;
border: 1px solid red;
padding: 1rem 1rem;
diff --git a/CSS/styles.css b/CSS/styles.css
index 601f356..044a4e3 100644
--- a/CSS/styles.css
+++ b/CSS/styles.css
@@ -210,8 +210,8 @@ footer #reseaux p{
}
footer #reseaux li img{
- width: 3vw;
- height: 3vh;
+ width: 5vw;
+ height: 5vh;
}
footer #reseaux li img:not(:hover){
@@ -247,3 +247,25 @@ footer #autres a:hover{
display: none;
}
+@media only screen and (max-width: 800px){
+
+ *{
+ overflow-x: hidden;
+ }
+ footer a,footer p {
+ font-size: 7px;
+ }
+
+ #reseaux p{
+ display: none;
+ }
+
+ #menu-ordi{
+ display: none;
+ }
+
+ #menu-mobile{
+ position: fixed;
+ display: block;
+ }
+}
diff --git a/HTML/contact.html b/HTML/contact.html
index f8560af..743fe72 100644
--- a/HTML/contact.html
+++ b/HTML/contact.html
@@ -3,8 +3,10 @@
Casino du coeur
+
+
@@ -12,6 +14,12 @@