|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 |
- /*formulaire*/
-
- fieldset{
- background-color: rgb(163, 208, 219);
- }
- legend{
- font-weight: bold;
- }
- .champ{
- margin-bottom: 10px;
- }
- textarea{
- width: 80%;
- height: 100px;
- background-color: rgba(154, 255, 255, 0.623);
- }
- input{
- width: 150px;
- }
- input[type="radio"], input[type="checkbox"]{
- width: auto;
- }
- input[type="submit"]{
- width: 100px;
- }
-
- /*Homepage*/
-
- .header {
- display: flex;
- background: #a6e0da;
- justify-content: space-between;
- flex-wrap: nowrap;
- align-items: center;
- flex-flow: row wrap;
- list-style: none;
- margin: 0;
- }
- .logo{
- flex-grow:1;
- }
- .bouton_header{
- flex-grow:1;
- font-size:200%;
- color:white;
- }
- .header-middle-area{
- flex-grow: 4;
- }
- .body{
- background-color: rgb(49, 49, 49);
- }
- .aside{
- flex-direction: column;
- background-color: green;
- }
- .main {
- text-align: left;
- background: deepskyblue;
- }
- .corp{
- display: flex;
- flex-flow: row wrap;
- text-align: center;
- }
- .corp > * {
- padding: 10px;
- flex: 1 100%;
- }
- .message{
- margin-top: 20%;
- text-align: center;
- }
- @media all and (min-width: 600px) {
- .aside { flex: 1 0 0; }
- }
- /*Inscription/connection*/
-
- .titrebox{
- font-family: 'Times New Roman', Times, serif;
- color: rgb(117, 117, 117);
- display: block;
- width: 98%;
- height: 10px;
- padding-left: 3px;
- font-weight: bold;
- padding-bottom: 20px;
- }
- .titrebox{
- font-family: 'Times New Roman', Times, serif;
- color: rgb(117, 117, 117);
- display: block;
- width: 98%;
- height: 10px;
- padding-left: 3px;
- font-weight: bold;
- padding-bottom: 20px;
- }
- .conteneurprincipal{
- padding-top: 10%;
- padding-bottom: 10%;
- display: flex;
- justify-content: center;
- background-attachment:fixed;
- }
- .conteneurinsconn{
- display: flex;
- flex-direction: column;
- text-align: center;
- justify-content: space-around;
- height: 580px;
- width: 400px;
- background-color: rgb(219, 213, 213);
- border:2px solid rgb(165, 184, 212);
- border-radius:10px;
- }
- .nomconteneur{
- height: 100px;
- font-size: x-large;
- text-align: center;
- color: black;
- font-family:sans-serif;
- font-weight: bold;
- }
|