diff --git a/inscriptionCSS.css b/inscriptionCSS.css index f853dc130e6d56c338fa0c97802fa9d2ea72f31a..c99ad23e28198c18f10e1b420076691ec7d9ed2a 100644 --- a/inscriptionCSS.css +++ b/inscriptionCSS.css @@ -1,4 +1,3 @@ -/* Style général */ .SInscrire { width: 1264px; height: 489px; @@ -33,26 +32,54 @@ word-wrap: break-word; } -/* Boutons de choix */ -.Rectangle5, +.Rectangle5 { + width: 721px; + height: 52.70px; + left: 264px; + top: 183.67px; + position: absolute; + background: #D9D9D9; + border-radius: 15px; + transition: .4s ease; +} + +.AvecTonAdresseEMail { + width: 368px; + height: 14.72px; + left: 180px; + top: 10px; + position: absolute; + color: black; + font-size: 30px; + font-family: Kufam; + font-weight: 400; + word-wrap: break-word; +} + .Rectangle6 { width: 721px; height: 52.70px; + left: 257px; + top: 344.08px; position: absolute; background: #D9D9D9; border-radius: 15px; transition: .4s ease; } -.Rectangle5:hover, .Rectangle6:hover { height: 60px; } -.AvecTonAdresseEMail, +.Rectangle5:hover { + height: 60px; +} + .AvecTonNumRoDeTLPhone { width: 462px; height: 29.45px; + left: 180px; + top: 10px; position: absolute; color: black; font-size: 30px; @@ -61,19 +88,9 @@ word-wrap: break-word; } -.Rectangle5 { - left: 264px; - top: 183.67px; -} - -.Rectangle6 { - left: 257px; - top: 344.08px; -} - /* Style du choix par email */ -.EMail, -.TEL { + +.EMail { width: 1264px; height: 1121px; margin-top: -90px; @@ -94,14 +111,11 @@ border: 1px black solid; } -/* Styles spécifiques (email) */ -.EMail #Rectangle14, -.EMail #Rectangle15, -.EMail #Rectangle16, -.EMail #Rectangle17, -.EMail #Rectangle18, -.EMail #Rectangle19, -.SInscrirebtn1 { +#Rectangle14 { + width: 721px; + height: 62px; + left: 257px; + top: 66px; position: absolute; background: #D9D9D9; border-radius: 15px; @@ -121,11 +135,22 @@ word-wrap: break-word; } -.ConfirmeTonMotDePasse, -.ChoisirUnMotDePasse, -.PrNom, -.Nom, -.Age { +#Rectangle15 { + width: 721px; + height: 62px; + left: 257px; + top: 857px; + position: absolute; + background: #D9D9D9; + border-radius: 15px; + font-size: 20px; +} + +.ConfirmeTonMotDePasse { + width: 393px; + height: 36px; + left: 263px; + top: 821px; position: absolute; color: black; font-size: 30px; @@ -134,44 +159,68 @@ word-wrap: break-word; } -.SInscrirebtn1 { - width: 299px; - height: 79px; - left: 457px; - top: 942px; - text-align: center; - font-size: 45px; +#Rectangle16 { + width: 721px; + height: 62px; + left: 257px; + top: 699px; + position: absolute; + background: #D9D9D9; + border-radius: 15px; + font-size: 20px; +} + +.ChoisirUnMotDePasse { + width: 349px; + height: 36px; + left: 263px; + top: 663px; + position: absolute; + color: black; + font-size: 30px; font-family: Kufam; font-weight: 400; word-wrap: break-word; - background: #FB7373; - border-radius: 15px; - transition: .4s ease; } -.SInscrirebtn1:hover { - height: 99px; +#Rectangle17 { + width: 721px; + height: 63px; + left: 257px; + top: 382px; + position: absolute; + background: #D9D9D9; + border-radius: 15px; + font-size: 20px; } -/* Styles spécifiques (téléphone) */ -.TEL #Rectangle144, -.TEL #Rectangle155, -.TEL #Rectangle166, -.TEL #Rectangle177, -.TEL #Rectangle188, -.TEL #Rectangle199, -.SInscrirebtn2 { +#Rectangle18 { + width: 721px; + height: 62px; + left: 257px; + top: 224px; position: absolute; background: #D9D9D9; border-radius: 15px; font-size: 20px; } -.EntreTonNumeroDeTelephone { - width: 468px; +.PrNom { + width: 114px; height: 36px; left: 263px; - top: 30px; + top: 188px; + position: absolute; + color: black; + font-size: 30px; + font-family: Kufam; + font-weight: 400; + word-wrap: break-word; +} + +.Nom { + left: 263px; + top: 346px; position: absolute; color: black; font-size: 30px; @@ -180,11 +229,50 @@ word-wrap: break-word; } +.Age { + left: 263px; + top: 505px; + position: absolute; + color: black; + font-size: 30px; + font-family: Kufam; + font-weight: 400; + word-wrap: break-word; +} + +#Rectangle19 { + width: 721px; + height: 63px; + left: 257px; + top: 541px; + position: absolute; + background: #D9D9D9; + border-radius: 15px; + font-size: 20px; +} + +.SInscrirebtn1 { + width: 299px; + height: 79px; + left: 457px; + top: 942px; + position: absolute; + text-align: center; + font-size: 45px; + font-family: Kufam; + font-weight: 400; + word-wrap: break-word; + background: #FB7373; + border-radius: 15px; + transition: .4s ease; +} + .SInscrirebtn2 { width: 299px; height: 79px; left: 457px; top: 942px; + position: absolute; text-align: center; font-size: 45px; font-family: Kufam; @@ -195,6 +283,101 @@ transition: .4s ease; } +.SInscrirebtn1:hover { + height: 99px; +} + .SInscrirebtn2:hover { height: 99px; +} + +/* STYLE POUR TELEPHONE */ + +.TEL { + width: 1264px; + height: 1121px; + margin-top: -90px; + margin-left: 300px; + margin-bottom: 300px; + z-index: 3; + position: relative; +} + +.EntreTonNumeroDeTelephone { + width: 468px; + height: 36px; + left: 263px; + top: 30px; + position: absolute; + color: black; + font-size: 30px; + font-family: Kufam; + font-weight: 400; + word-wrap: break-word; +} + +#Rectangle144 { + width: 721px; + height: 62px; + left: 257px; + top: 66px; + position: absolute; + background: #D9D9D9; + border-radius: 15px; + font-size: 20px; +} + +#Rectangle155 { + width: 721px; + height: 62px; + left: 257px; + top: 857px; + position: absolute; + background: #D9D9D9; + border-radius: 15px; + font-size: 20px; +} + +#Rectangle166 { + width: 721px; + height: 62px; + left: 257px; + top: 699px; + position: absolute; + background: #D9D9D9; + border-radius: 15px; + font-size: 20px; +} + +#Rectangle177 { + width: 721px; + height: 63px; + left: 257px; + top: 382px; + position: absolute; + background: #D9D9D9; + border-radius: 15px; + font-size: 20px; +} + +#Rectangle188 { + width: 721px; + height: 62px; + left: 257px; + top: 224px; + position: absolute; + background: #D9D9D9; + border-radius: 15px; + font-size: 20px; +} + +#Rectangle199 { + width: 721px; + height: 63px; + left: 257px; + top: 541px; + position: absolute; + background: #D9D9D9; + border-radius: 15px; + font-size: 20px; } \ No newline at end of file