Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

124 lignes
2.2KB

  1. /*formulaire*/
  2. fieldset{
  3. background-color: rgb(163, 208, 219);
  4. }
  5. legend{
  6. font-weight: bold;
  7. }
  8. .champ{
  9. margin-bottom: 10px;
  10. }
  11. textarea{
  12. width: 80%;
  13. height: 100px;
  14. background-color: rgba(154, 255, 255, 0.623);
  15. }
  16. input{
  17. width: 150px;
  18. }
  19. input[type="radio"], input[type="checkbox"]{
  20. width: auto;
  21. }
  22. input[type="submit"]{
  23. width: 100px;
  24. }
  25. /*Homepage*/
  26. .header {
  27. display: flex;
  28. background: #a6e0da;
  29. justify-content: space-between;
  30. flex-wrap: nowrap;
  31. align-items: center;
  32. flex-flow: row wrap;
  33. list-style: none;
  34. margin: 0;
  35. }
  36. .logo{
  37. flex-grow:1;
  38. }
  39. .bouton_header{
  40. flex-grow:1;
  41. font-size:200%;
  42. color:white;
  43. }
  44. .header-middle-area{
  45. flex-grow: 4;
  46. }
  47. .body{
  48. background-color: rgb(49, 49, 49);
  49. }
  50. .aside{
  51. flex-direction: column;
  52. background-color: green;
  53. }
  54. .main {
  55. text-align: left;
  56. background: deepskyblue;
  57. }
  58. .corp{
  59. display: flex;
  60. flex-flow: row wrap;
  61. text-align: center;
  62. }
  63. .corp > * {
  64. padding: 10px;
  65. flex: 1 100%;
  66. }
  67. .message{
  68. margin-top: 20%;
  69. text-align: center;
  70. }
  71. @media all and (min-width: 600px) {
  72. .aside { flex: 1 0 0; }
  73. }
  74. /*Inscription/connection*/
  75. .titrebox{
  76. font-family: 'Times New Roman', Times, serif;
  77. color: rgb(117, 117, 117);
  78. display: block;
  79. width: 98%;
  80. height: 10px;
  81. padding-left: 3px;
  82. font-weight: bold;
  83. padding-bottom: 20px;
  84. }
  85. .titrebox{
  86. font-family: 'Times New Roman', Times, serif;
  87. color: rgb(117, 117, 117);
  88. display: block;
  89. width: 98%;
  90. height: 10px;
  91. padding-left: 3px;
  92. font-weight: bold;
  93. padding-bottom: 20px;
  94. }
  95. .conteneurprincipal{
  96. padding-top: 10%;
  97. padding-bottom: 10%;
  98. display: flex;
  99. justify-content: center;
  100. background-attachment:fixed;
  101. }
  102. .conteneurinsconn{
  103. display: flex;
  104. flex-direction: column;
  105. text-align: center;
  106. justify-content: space-around;
  107. height: 580px;
  108. width: 400px;
  109. background-color: rgb(219, 213, 213);
  110. border:2px solid rgb(165, 184, 212);
  111. border-radius:10px;
  112. }
  113. .nomconteneur{
  114. height: 100px;
  115. font-size: x-large;
  116. text-align: center;
  117. color: black;
  118. font-family:sans-serif;
  119. font-weight: bold;
  120. }