paf0/media/css/style.css

   1 /* elements */
   2 body {
   3   margin:0;
   4   padding:0;
   5   background:#fff;
   6   color:#454545;
   7   font:0.8em verdana, arial, helvetica, sans-serif;
   8 }
   9
  10 h2 {
  11   margin:0px;
  12   padding:0;
  13   background:inherit;
  14   color:#d15517;
  15   font:normal 190% "trebuchet ms", verdana, arial, helvetica, sans-serif;
  16 }
  17 h3 {
  18   margin:10px 0 0 10px;
  19   padding:0;
  20   background:inherit;
  21   color:#5f5f5f;
  22   font:normal 170% "trebuchet ms", verdana, arial, helvetica, sans-serif;
  23 }
  24 h4 {
  25   margin:10px 0 0 10px;
  26   padding:0;
  27   background:inherit;
  28   color:#5f5f5f;
  29   font:normal 150% "trebuchet ms", verdana, arial, helvetica, sans-serif;
  30 }
  31 h5 {
  32   margin:10px 0 0 10px;
  33   padding:0;
  34   background:inherit;
  35   color:#5f5f5f;
  36   font:normal 130% "trebuchet ms", verdana, arial, helvetica, sans-serif;
  37 }
  38
  39 p.error {
  40   color: red;
  41 }
  42 ul.errorlist {
  43   color: red;
  44   list-style-type:none;
  45   margin: 0px;
  46   padding: 0px;
  47   font-size: 11px;
  48 }
  49
  50 a:link, a:visited {
  51   background:inherit;
  52   color:#0643bb;
  53   text-decoration:none;
  54 }
  55 a:active {
  56   background:inherit;
  57   color:#990000;
  58   text-decoration:none;
  59 }
  60 a:hover {
  61   background:inherit;
  62   color:#d15517;
  63   text-decoration:none;
  64 }
  65
  66 a img {
  67   border:none;
  68 }
  69
  70 form {
  71   margin:8px 17px 0 0;
  72   padding:0px;
  73 }
  74 table {
  75   margin:10px;
  76   border-collapse:collapse;
  77   padding:5px;
  78 }
  79 th {
  80   height:28px;
  81   border-top:2px solid #d0e8f8;
  82   padding:0 10px;
  83   background-color:#e7f1f8;
  84   font-size:14px;
  85   text-align:left;
  86 }
  87 table.lined th, table.lined td{
  88   font-size: 14px;
  89   border-top:1px solid #d0e8f8;
  90   border-left:1px solid #d0e8f8;
  91   padding: 5px;
  92 }
  93 table.lined {
  94   border-bottom:1px solid #d0e8f8;
  95   border-right:1px solid #d0e8f8;
  96 }
  97 table.lined td.spacer {
  98   height: 5px;
  99 }
 100 th.nombre, td.nombre {
 101   padding-right:0px;
 102   text-align:right;
 103 }
 104
 105 .row1, table.sortable .even {}
 106 .row2, table.sortable .odd, table.lined .line_1 {
 107   background-color:#EFEFEF;
 108 }
 109
 110 td {
 111   vertical-align: top;
 112 }
 113
 114 fieldset {border: 1px solid #EEEEEE; margin: 1em;}
 115 label {font-weight: bold;}
 116 .form-row {margin: 1em 0px;}
 117
 118 /* id */
 119 .coldroite h3 {margin-left: 0;}
 120 .coldroite {font-size: 80%; width: 20%;}
 121 .coldroite {float: right; padding:2%; border-left: 1px solid #EEEEEE;}
 122 .coldroite ul, li {margin: 0; padding: 0;}
 123 .coldroite li {margin: 4px 0px; list-style-type: none;}
 124 .coldroite a {color: grey; text-decoration: none;}
 125 .coldroite li:hover, .coldroite a:hover, .coldroite a.selectionne {color: #D15517;}
 126 .filtre {margin-bottom: 2em;}
 127
 128 #loadingbox {
 129   display:none;
 130   position:absolute;
 131   width:100%;
 132 }
 133 #loading {
 134   width:200px;
 135   margin:auto;
 136   background:#f5e86e;
 137   text-align:center;
 138 }
 139
 140 #wrapper {
 141   float:left;
 142   width:100%;
 143   margin:0 auto 0 auto;
 144   padding:0;
 145 }
 146
 147 #header {
 148   float:left;
 149   width:96%;
 150   padding:2%;
 151   background:#f8fbfd;
 152   color:#5f5f5f;
 153   border-bottom: 1px dotted  #bbd8ec;
 154 }
 155 #banner {
 156   float:left;
 157   width:80%;
 158 }
 159 #banner img {
 160   float:left;
 161   margin-right:2%;
 162   /*border:1px solid #BBD8EC;*/
 163 }
 164 #banner h1 {
 165   margin:0;
 166   padding:0;
 167   font:normal 220% "trebuchet ms", verdana, arial, helvetica, sans-serif;
 168 }
 169 #banner h1 a, h1 a:visited {
 170   background:inherit;
 171   color:#5f5f5f;
 172   text-decoration:none;
 173 }
 174 #banner h1 a:hover {
 175   background:inherit;
 176   color:#d15517;
 177   text-decoration:none;
 178 }
 179 #banner h2 {
 180   margin:0;
 181   padding:0;
 182 }
 183
 184 #chapeau {
 185     display: block;
 186     clear: both;
 187     font-style: italic;
 188     border: #DEDEDE 1px solid;
 189     padding: 8px 4px;
 190     margin: 10px;
 191 }
 192
 193 #user-actions {
 194     float: right;
 195 }
 196
 197 #user-actions .username {
 198     color: #D15517;
 199 }
 200
 201 #user-actions li {
 202     list-style-type: none;
 203     text-align: right;
 204     font-size: 1em;
 205     line-height: 1.6em;
 206 }
 207
 208 #user-actions a {
 209     text-decoration: none;
 210 }
 211
 212 #menu {
 213   float:left;
 214   width:20%;
 215   text-align:right;
 216   font:bold 120% "trebuchet ms", verdana, arial, helvetica, sans-serif;
 217 }
 218 #menu ul {
 219   list-style-type:none;
 220 }
 221 #menu li {
 222   list-style-type:none;
 223 }
 224 #menu a {
 225   text-decoration:none;
 226 }
 227 #topmenu {
 228   float:left;
 229   width:100%;
 230   border-bottom:1px dotted  #bbd8ec;
 231   background:#e7f1f8 url(/static/images/menubck.png);
 232   color:#000;
 233   text-align:left;
 234
 235 }
 236
 237 #topmenu ul {
 238   margin:0 0 0 14px;
 239   padding:0;
 240   list-style: none;
 241 }
 242 #topmenu ul li {
 243   display: block;
 244   position: relative;
 245   float: left;
 246 }
 247 #topmenu li ul { display: none; }
 248 #topmenu ul li:first-child a {border-left:1px dotted #bbd8ec;}
 249 #topmenu ul li a {
 250   font:bold 130% "trebuchet ms", verdana, arial, helvetica, sans-serif;
 251   display: block;
 252   text-decoration: none;
 253   white-space: nowrap;
 254   border-right:1px dotted #bbd8ec;
 255   padding:8px 20px 8px 20px;
 256
 257   background:#e7f1f8 url(/static/images/menubck.png);
 258
 259   color:#5f5f5f;
 260   text-align:center;
 261   text-decoration:none;
 262
 263 }
 264 #topmenu ul li.actif a, #topmenu ul li a:hover { color:#d15517; }
 265 #topmenu li:hover ul {
 266   display: block;
 267   position: absolute;
 268 }
 269 #topmenu li:hover li {
 270   float: none;
 271   font-size: 11px;
 272 }
 273 #topmenu li:hover a {color:#5f5f5f;}
 274 #topmenu li:hover li a:hover {color:#d15517;}
 275
 276 #topmenu li:hover li:first-child a {border-top: 1px dotted #bbd8ec;}
 277 #topmenu li:hover li:last-child a {border-bottom: 1px dotted #bbd8ec;}
 278
 279
 280 #main {
 281   float:left;
 282   padding:2%;
 283   padding-bottom: 0px;
 284   min-height:300px;
 285   width: 70%;
 286 }
 287 #main p {
 288   margin:0;
 289   padding:4px 10px 0 17px;
 290   line-height:1.4em;
 291   text-align: justify;
 292 }
 293 #main .gauche {
 294   float:left;
 295   width:50%;
 296 }
 297 #main .droite {
 298   float:left;
 299   width:50%;
 300 }
 301 #main .clear {
 302   clear:both;
 303 }
 304 #projet .gauche {
 305   float:left;
 306   width:80%;
 307 }
 308 #projet .droite {
 309   float:left;
 310   width:20%;
 311 }
 312
 313 #footer {
 314
 315   clear:both;
 316   float:left;
 317   width:100%;
 318   margin:20px 0 0 0;
 319   border-top: 1px dotted #bbd8ec;
 320   border-bottom: 1px dotted #bbd8ec;
 321   padding: 10px 0 6px 0;
 322
 323   background: #e7f1f8 url(/static/images/menubck.png);
 324   color:#404040;
 325   text-align:center;
 326
 327 }
 328 #footer p {
 329   margin:0;
 330   padding:0 0 3px 0;
 331   font:normal 100% "trebuchet ms", verdana, arial, helvetica, sans-serif;
 332 }
 333
 334 #username, #password {
 335   margin:5px;
 336   border:1px solid #CCC;
 337   padding:2px;
 338   background:#FAFAFA;
 339   font-weight:bold;
 340 }
 341
 342 #recherche {
 343   margin:auto;
 344   margin:5px;
 345   text-align:center;
 346 }
 347 #recherche input {
 348   margin:5px;
 349   border:1px solid #CCC;
 350   padding-left:25px;
 351   background:#FAFAFA url(/static/images/zoom.png) no-repeat;
 352   background-position:3px 3px;
 353   font-size:16px;
 354   font-weight:bold;
 355   text-align:left;
 356 }
 357
 358 #brdcrmb {
 359   float:left;
 360   width:98%;
 361   margin:20px 0 50px 16px;
 362   padding:0;
 363   background:inherit;
 364   color:#4d4d4d;
 365   font:normal 100%  verdana, arial, helvetica, sans-serif;
 366 }
 367 #brdcrmb a, #brdcrmb a:visited {
 368   background:inherit;
 369   color:#0643bb;
 370   text-decoration:underline;
 371 }
 372 #brdcrmb a:hover, .bxtitle a:hover {
 373   background:inherit;
 374   color:#d15517;
 375   text-decoration:none;
 376 }
 377
 378 /* class */
 379 .img {
 380   float:left;
 381   margin:4px 6px 3px 4px;
 382   padding:2px;
 383 }
 384 .subtitle {
 385   margin:12px 0 0 17px;
 386   padding:0;
 387   background:inherit;
 388   color:#5f5f5f;
 389   font:normal 1.4em verdana, arial, helvetica, sans-serif;
 390 }
 391 .red {
 392   background: inherit;
 393   color: #d15517;
 394 }
 395 .search {
 396   margin:0;
 397   border:1px dotted #e1e1e1;
 398   padding:2px;
 399   background:#fcfcfc;
 400   color:#7d7d7d;
 401 }
 402 .button {
 403   cursor:pointer;
 404   border:solid 1px #e1e1e1;
 405   background: #e7f1f8 url(/static/images/srcbck.png);
 406   color: #5f5f5f;
 407   font:bold 120% "trebuchet ms",verdana, arial, helvetica, sans-serif;
 408 }
 409
 410 .pagebox {
 411   float:left;
 412   width:100%;
 413   margin:30px 0 0 0;
 414   padding:8px 0 8px 0;
 415   background:inherit;
 416   color:#fff;
 417   text-align:right;
 418 }
 419 .pagebox a, .buttonbox a {
 420   margin:0 2px 0 0;
 421   border:1px dotted #bbd8ec;
 422   padding:4px 8px 4px 8px;
 423   background: #e7f1f8  url(/static/images/srcbck.png);
 424   color:#5f5f5f;
 425
 426   font:bold 120% "trebuchet ms", verdana, arial, helvetica, sans-serif;
 427   text-decoration:none;
 428
 429 }
 430 .pagebox a:hover, .buttonbox a:hover {
 431   background: #fff;
 432   color:#d15517;
 433   text-decoration:none;
 434 }
 435
 436 .menubox {
 437   float:left;
 438   width:100%;
 439   margin: 30px 0 40px 0;
 440   padding:6px 0 6px 0;
 441 }
 442 .menu1 {
 443   display:inline;
 444   float:left;
 445   width:31%;
 446   margin-left:1.7%;
 447   padding:2px 0 6px 0;
 448   background:#e7f1f8 url(/static/images/mnubck.png);
 449   color: #454545;
 450 }
 451 .menu2, .menu3 {
 452   float:left;
 453   width:31%;
 454   margin-left:1.6%;
 455   padding:2px 0 6px 0;
 456   background:#e7f1f8  url(/static/images/mnubck.png);
 457   color: #454545;
 458 }
 459 .menu1 p, .menu2 p, .menu3 p {
 460   margin:0;
 461   padding:0 6px 0 6px;
 462   font:normal 90% verdana, arial, helvetica, sans-serif;
 463 }
 464
 465 .bxtitle {
 466   margin:0 0 0 6px;
 467   padding: 2px 0 0 0;
 468   background:inherit;
 469   color:#454545;
 470   font:normal 140% "trebuchet ms", verdana, arial, helvetica, sans-serif;
 471 }
 472 .liste td {
 473   padding:5px;
 474   border-top:1px solid #d0e8f8;
 475 }
 476 .pair td {
 477   background-color:#e7f1f8}
 478
 479 .groupWrapper {
 480   float:left;
 481   width:100%;
 482   min-height:400px;
 483   margin:auto;
 484 }
 485 .groupWrapper p {
 486   height:1px;
 487   margin:0;
 488   padding:0;
 489   overflow:hidden;
 490 }
 491 .groupItem {
 492   margin-bottom:20px;
 493 }
 494 .groupItem .itemHeader {
 495   cursor:move;
 496   position:relative;
 497   height:28px;
 498   border-top:2px solid #d0e8f8;
 499   padding:0 10px;
 500   background-color:#e7f1f8;
 501
 502   color:#000;
 503   font-weight:bold;
 504   font-size:16px;
 505   line-height:28px;
 506
 507 }
 508 .groupItem .itemHeader a {
 509   position:absolute;
 510   top:0px;
 511   right:10px;
 512   font-weight:normal;
 513   font-size:11px;
 514   text-decoration:none;
 515 }
 516
 517 .sortHelper {
 518   width:auto !important;
 519   border:3px dashed #666;
 520 }
 521 .itemContent {
 522   padding:10px;
 523 }
 524
 525 .verticaltext{
 526   -moz-transform: rotate(90deg);
 527 }
 528
 529 .participants li {
 530   list-style-type:none;
 531 }
 532 .participants li>img {
 533   float:left;
 534   margin-right:8px;
 535   border:1px solid #999}
 536
 537 .iconeSQI {
 538   width:16px;
 539   padding:0px 2px;
 540 }
 541 .commentSQI {
 542    width:100%;
 543   margin-right:5px;
 544   text-align:right;
 545   font-size:8px;
 546 }
 547 .descriptionSQI {
 548   width:45%;
 549   padding:10px;
 550 }
 551
 552 #main p.information {
 553     font-size: 1.4em;
 554     color: #D15517;
 555     padding: 4px;
 556 }
 557
 558
 559 .width50 {width:40%;}
 560
 561 a.downloadpdf {
 562     background: transparent url(/static/images/pdf.png) no-repeat;
 563     height:126px;
 564     text-indent:-9999px;
 565     height: 32px;
 566     width: 32px;
 567     display: block;
 568     margin-right: 6px;
 569     float: right;
 570     display: none;
 571 }
 572
 573 .composante .nom {
 574     font-weight: bold;
 575 }
 576
 577 .composante .resume {
 578     font-size:0.9em;
 579     font-style:italic;
 580 }
 581
 582 .liste {border:1px solid #CCCCCC;}
 583 .liste td {padding: 4px; border: none;}
 584 .liste a {text-decoration: none;}
 585
 586 .liste.inline tr {border-bottom:1px solid #CCCCCC;}
 587 .liste.inline th {border:none;}
 588
 589 .liste ul, .liste li {padding:0; margin: 0; list-style-type: none;}
 590 .negatif { color:red; }
 591