diff --git a/CSS/accueil.css b/CSS/accueil.css index d2ba534..f3c682f 100644 --- a/CSS/accueil.css +++ b/CSS/accueil.css @@ -16,30 +16,14 @@ header{ } - - -#img_gauche_txt_droite{ - - display: flex; - flex-direction: row-reverse; - justify-content: space-around; - align-items: center; - padding-bottom: 20vh; - +a{ +outline: none; } -#img_gauche_txt_droite p{ - background-color: rgba(250,250,250,0.2); - backdrop-filter: blur(10px); - border-radius: 30px; - width: 40%; - padding: 1%; -} - -#img_droite_txt_gauche{ +#img-txt div{ display: inline-flex; flex-direction: row; justify-content: space-around; @@ -48,39 +32,34 @@ header{ } -#img_droite_txt_gauche p{ - background-color: rgba(250,250,250,0.2); + +#img-txt p{ backdrop-filter: blur(10px); border-radius: 30px; padding: 1%; width: 40%; } - - .img_main{ backdrop-filter: blur(10px); - height: 22rem; - width: 35rem; + height: 18rem; + width: 30rem; border-radius: 15px; transition: transform ease 0.4s; filter: saturate(0.2); } -.img_txt:hover .img_main{ +#img-txt div:hover .img_main{ box-shadow: 0 40px 60px rgba(150,0,0,0.7); transform: scale(1.2,1.2); transition: transform ease 0.8s; filter: saturate(1); } -#img_gauche_txt_droite:not(:hover) p{ +#img-txt div:not(:hover) p{ background-color: rgba(150,150,150,0.4); } -#img_droite_txt_gauche:not(:hover) p{ - background-color: rgba(150,150,150,0.4); -} @@ -100,7 +79,7 @@ header{ #fond_2 video{ margin: 1%; } -# + @media only screen and (max-width: 800px){ body{ diff --git a/CSS/partenaire.css b/CSS/partenaire.css index 3eb4bbd..f6d95e9 100644 --- a/CSS/partenaire.css +++ b/CSS/partenaire.css @@ -57,8 +57,8 @@ } #ligne-colonne img{ - width: 20vw; - height: 30vh; + width: 15vw; + height: 25vh; } #ligne-colonne ul{ color: black; @@ -67,7 +67,7 @@ } aside{ - width: 50vw; + width: 40vw; } #btn-contact{ diff --git a/CSS/print.css b/CSS/print.css index e69de29..663c8f7 100644 --- a/CSS/print.css +++ b/CSS/print.css @@ -0,0 +1,3 @@ +nav,footer{ + display: none; +} diff --git a/CSS/propos.css b/CSS/propos.css new file mode 100644 index 0000000..2b583a6 --- /dev/null +++ b/CSS/propos.css @@ -0,0 +1,10 @@ +#cv-1-2{ + display: flex; + justify-content: space-between; +} + + +#cv-1{ + display: flex; + flex-direction: column; +} \ No newline at end of file diff --git a/CSS/styles.css b/CSS/styles.css index 3d3a325..601f356 100644 --- a/CSS/styles.css +++ b/CSS/styles.css @@ -2,13 +2,17 @@ body{ margin: 0; } +p{ + font-family:sans-serif ; +} + header{ margin-bottom: 10vh; } -.txt_rouge{color: red;font-weight: bold;} -.txt_jaune{color: gold;font-weight: bold;} +.txt_rouge{color: red;} +.txt_jaune{color: gold;} ul{ margin: 0; @@ -40,8 +44,9 @@ h3{ font-size: 2em; } -p { - margin: 0; + +a{ + text-decoration: none; } nav{ @@ -159,6 +164,9 @@ nav li{ main p{ + font-weight: 100; + margin: 0; + text-align: justify; font-size: 25px; } diff --git a/HTML/page_4.html b/HTML/page_4.html index 81afcc2..f9e7483 100644 --- a/HTML/page_4.html +++ b/HTML/page_4.html @@ -4,6 +4,7 @@ Casino du coeur + @@ -26,6 +27,25 @@ +
+
+
+

NOM

+
+
    +
  • BUT Informatique
    • +
  • Baccalauréat général
    • +
+ +
+
+ +
+

NOM2

+
+
+ +