home *** CD-ROM | disk | FTP | other *** search
/ Organisation de education au Quebec / OrganisationEducationQuebec-2008-WinMac.bin / mac / style.css < prev   
Cascading Style Sheet File  |  2008-07-08  |  27KB  |  677 lines
  1.  
  2.  
  3.  
  4. body {     
  5.     font-family: Verdana, Arial, Helvetica, sans-serif;     
  6.     background-color: #fff;
  7.     padding: 0;     
  8.     margin: 0; 
  9. }  
  10.  
  11. body,div,table,p,span{     
  12.     font-size: 12px; 
  13. } 
  14.  
  15. .bodycontenu a:link{ color: #0B88A7;} 
  16. .bodycontenu a:visited { color: #6014B1; } 
  17. .bodycontenu a:active { color: #0117A1; } 
  18. .bodycontenu a:hover { color: #01556A; text-decoration:none;}  
  19.  
  20. h1 { font-size: 24px;   margin-bottom: 8px; } 
  21. h2 { font-size: 18px;   margin-bottom: 6px; } 
  22. h3 { font-size: 15px;   margin-bottom: 5px; } 
  23. h4 { font-size: 12px;   margin-bottom: 4px; } 
  24. h5 { font-size: 11px;   margin-bottom: 3px; } 
  25. h6 { font-size: 10px ;  margin-bottom: 3px; } 
  26.  
  27. h1,h2,h3,h4,h5,h6{ -top: 0; }
  28.  
  29. .titre{
  30.     font-weight:bold;
  31.     font-size:18px;
  32.     display:block;
  33.     margin:0 0 10px 0;
  34. }
  35.  
  36.  
  37. .stitre{
  38.     font-weight:bold;
  39.     font-size:16px;
  40.     display:block;
  41.     margin:0 0 10px 0;
  42. }
  43.  
  44.  
  45.  
  46. .cellule1{ background-color: #EEEEDD; }
  47. .cellule2{ background-color: #C2C2AB; }
  48.  
  49. .celluleentete{ background-color: #CCCC99; }
  50. .celluleoutils{ background-color: #E4E4C9; white-space: nowrap; font-size: 12px; }
  51.  
  52.  
  53.    
  54. /* OSESTRICT    - aide */
  55.  
  56. #pageaide {     
  57.     width: 100%; 
  58.     background-color: #FFFFFF;     
  59.     background-image: url(""); 
  60. }
  61.  
  62. #Zone1debutenteteaide {    
  63.     background: #57518F url("/image/ose/portail_13a.jpg") 0 0 no-repeat;     
  64.     height: 45px;     
  65.     width: 632px;     
  66.     float: left;     
  67.     margin: 0;     
  68.     padding: 0; 
  69. }
  70.  
  71. #Zone2debutenteteaide {    
  72.     background: url("/image/ose/portail_10.jpg") 0 0 repeat;     
  73.     height: 45px;     
  74.     margin: 0;     
  75.     padding: 0; 
  76. } 
  77.          
  78. #enteteaide {   
  79.     font-size: 14px;     
  80.     font-weight: bold;     
  81.     color: #221967;     
  82.     text-align: center;     
  83.     padding: 10px;     
  84.     background: #CCCC99; 
  85. }     
  86.  
  87. #contenuaide {  
  88.     padding: 10px 0 0 10px;     
  89.     width: 99%;  
  90. } 
  91.  
  92. #finaide { 
  93.     background: url("Interface/Intranet3Interface/Image/DebutEnteteBG.jpg") 0 0 repeat;     
  94.     height: 16px; 
  95. } 
  96.  
  97.  
  98.  
  99.  
  100. /*
  101. =============================================================================================================================
  102.         MENU ================================================================================================================
  103. ============================================================================================================================= 
  104. */
  105.  
  106.  
  107. .bodymenu {
  108.     background-color: #122743;   
  109.     width: 250px;   
  110.     height: 100%; 
  111. }  
  112.  
  113. #zonemenu{
  114.     width: 250px; 
  115. }
  116.  
  117. #menu {   
  118.     margin:40px 0 0 0;   
  119.     padding: 0;   
  120.     background-color: #122743;    
  121.     width: 250px; 
  122. }  
  123.  
  124. #contenumenu table{    
  125.     margin: 0;   
  126.     padding: 0;    
  127. } 
  128.  
  129. #contenumenu  td{   
  130.     padding:0;
  131.     margin:0;      
  132. } 
  133.  
  134. #entetemenu {        
  135.     font-size: 12px;     
  136.     font-weight: bold;     
  137.     color: #221967;     
  138.     text-align: center;     
  139.     padding: 5px; 
  140. }
  141.  
  142. #finentetemenu {                
  143.     background-color: #122743;     
  144.     height: 37px;  
  145. }  
  146.  
  147. #finmenu {          
  148.     background-color: #122743;     
  149.     height: 33px; 
  150. }
  151.  
  152.  
  153.  
  154. /* CONTENUMENU ------------------------------------------------------------------------------------------------- */
  155.  
  156.  
  157. #contenumenu {
  158.     margin: 0;
  159.     padding: 0;
  160.     background-color: #122743;    
  161.     width:250px;  
  162. }
  163.  
  164. .bloc {
  165.     padding:0;
  166.     margin:0;
  167. }
  168.  
  169. .bloc a{
  170.     width:250px;
  171.     height:auto;
  172. }
  173.  
  174. .bloc .parentouvert > a{
  175.     display:block;
  176.     color:#fff;
  177.     background-color:#57667A;
  178. }
  179.  
  180. .bloc .parentferme > a{
  181.     display:block;
  182. }
  183.  
  184. .bloc li {
  185.     list-style:none;
  186. }
  187.  
  188. .bloc li a, .bloc li a:visited {
  189.     text-decoration:none;
  190.     font-size:10px;
  191.     color:#ACB3BD;
  192.     font-weight:normal;
  193.     padding:3px 0 3px 0 ;
  194.     width:250px;
  195.     display:block;
  196.     border-bottom:1px #334A68 dotted;
  197. }
  198.  
  199. .bloc li a:hover{
  200.     color:#fff;
  201.     background-color:#57667A;
  202. }
  203.  
  204. .bloc li .menutitre {
  205.     font-size:14px;
  206.     font-weight: bold;
  207.     color:#545b5d;
  208.     display:block;
  209.     width:292px;
  210.     overflow:hidden;
  211.     padding:5px 0 5px 0;
  212.     margin:0;
  213.     background-color:#EFEFEF;
  214.     border-top:1px #CCD2D6 solid;
  215.     border-bottom:1px #CCD2D6 solid;
  216. }
  217.  
  218. .niveau2 li a, .niveau2 li a:visited, .niveau2 li a:active{
  219.     width:190px;
  220.     border-bottom:1px #4A688F dotted;
  221.     font-weight:normal;
  222.     padding:4px 0 4px 0;
  223.     margin:0 0 0 -5px;
  224.     display:block;
  225. }
  226.  
  227. .niveau2 li a:hover{
  228.     color:#FFFFFF;
  229.     background:none;
  230. }
  231.  
  232.  
  233. .titremenu {   
  234.     font-family: Arial, Geneva, sans-serif;   
  235.     font-size: 12px;   
  236.     font-weight: bold;   
  237.     color: #221967;   
  238.     text-decoration: none;   
  239.     text-align: center;   
  240. } 
  241.  
  242.  
  243. /* === Marge d'une liste α puce ===*/ 
  244.  
  245. ul.niveau1 {   
  246. margin-left: 2px; 
  247. }  
  248.  
  249. ul.niveau2, ul.niveau3, ul.niveau4 {   
  250. margin-left: 8px; 
  251. }  
  252.  
  253. /* === Marge d'une liste numΘrotΘe ===*/ 
  254.  
  255. ol.niveau1 {   
  256. margin-left: 29px; 
  257. }  
  258.  
  259. ol.niveau2, ol.niveau3, ol.niveau4 {   
  260. margin-left: 27px; 
  261. }  
  262.  
  263.  
  264. ul.puce1 { 
  265. list-style-type:none; 
  266. } 
  267.  
  268. ul.puce1 li{         
  269. background-image:url(InterfaceInterface/Image/puce1menu2.gif);      
  270. background-repeat:no-repeat;     
  271. padding-left: 9px; 
  272. }  
  273.  
  274. ul.puce2 {  
  275. list-style-type:none; 
  276. } 
  277.  
  278. ul.puce2 li{         
  279. background-image:url(InterfaceInterface/Image/puce2menu2.gif);      
  280. background-repeat:no-repeat;     
  281. padding-left: 10px; 
  282. }  
  283.  
  284. ul.puce3 {
  285. list-style-type:none; 
  286. } 
  287.  
  288. ul.puce3 li{         
  289. background-image:url(InterfaceInterface/Image/puce1menu2.gif);      
  290. background-repeat:no-repeat;     
  291. padding-left: 10px; 
  292. } 
  293.  
  294. ul.puce4 {
  295. list-style-type:none; 
  296. } 
  297.  
  298. ul.puce4 li{         
  299. background-image:url(InterfaceInterface/Image/puce2menu2.gif);      
  300. background-repeat:no-repeat;     
  301. padding-left: 10px; 
  302. } 
  303.  
  304.  
  305. /* FIN MENU ------------------------------------------------------------------------------------------------- */
  306.  
  307.  
  308.  
  309.  
  310. /*
  311. =============================================================================================================================
  312.         CONTENU =============================================================================================================
  313. ============================================================================================================================= 
  314. */
  315.  
  316.      
  317.  
  318. #debutentetecontenu {          
  319.     background: url("Interface/Image/accueil.jpg") 0 0 no-repeat;
  320.     background-color:#727D8F;
  321.     height:137px;
  322.     
  323.     margin: 0;     
  324.     padding: 0; 
  325. }
  326.  
  327. #entetecontenu {         
  328.     font-size:16px;     
  329.     font-weight: bold;     
  330.     color: #DEDEDE;     
  331.     padding: 10px;     
  332.     background: #57667A; 
  333. }
  334.  
  335. #contenu {            
  336. padding: 10px 0 0 10px;     
  337. width: 95%;  
  338. } 
  339.  
  340.  
  341. /*======= Outils ====*/ 
  342.  
  343. #zoneoutils {      
  344.     height: 28px;     
  345.     background: #ACB3BD; 
  346. } 
  347.  
  348. #debutoutils {
  349.     float: left;     
  350.     height: 28px;     
  351.     width: 23px;     
  352.     background: #ACB3BD;     
  353.     padding: 0; 
  354. }
  355.       
  356. #outils table {   
  357.     padding: 0;   
  358.     margin-top: 3px;   
  359.     vertical-align: top; 
  360. }      
  361.  
  362.  
  363. div#message {        
  364.     float: right;     
  365.     width: 200px;     
  366.     font-size: 12px;     
  367.     font-weight: bold;     
  368.     color: #ffffff;     
  369.     background-color: #CECB98;
  370.  
  371. }
  372.  
  373. #fincontenu{   
  374.     border-top: 2px solid #000066;   
  375.     vertical-align: top;    
  376.     margin: 1.5em 0 0 0;   
  377.     padding: 0; 
  378. }  
  379. #fincontenu2 {   
  380.     vertical-align: bottom; 
  381. }
  382.  
  383. #fincontenu3{   
  384.     background: url("Interface/Image/uqtr_bas_page.gif") no-repeat right;   
  385.     width: 100px;   
  386.     height: 22px;   
  387.     vertical-align: top;   
  388.     border: 1px solid black; 
  389. } 
  390. #fincontenu3 img{   
  391.     border: 0px none;   
  392.     vertical-align: top;   
  393. }  
  394.   
  395. .logouqtr{   
  396.     width: 100px;   
  397.     height: 22px;   
  398.     border: 0px none; 
  399. }
  400.  
  401.  
  402.  
  403.  
  404. /*
  405. =============================================================================================================================
  406.         ONGLETS =============================================================================================================
  407. ============================================================================================================================= 
  408. */
  409.  
  410. ul.onglet1 { 
  411.     list-style-type:none;  
  412.     margin:0; 
  413.     padding:0;
  414. }  
  415.  
  416. ul.onglet1 li.off {
  417.     list-style-type:none; 
  418.     float:left;
  419.     background-color: #DEDEDE; 
  420.     border:1px solid #57667A;
  421.     border-bottom:none;  
  422.     padding:0;  
  423.     margin:0 1px 0 0;
  424. } 
  425.                             
  426. ul.onglet1 li.off a {
  427.     display: block; 
  428.     text-decoration: none;    
  429.     font-weight: bold; 
  430.     font-size: 12px;  
  431.     text-align: center;  
  432.     background: none;   
  433.     color: #000000;  
  434.     padding: 5px 15px 5px 15px;  
  435.     margin:0;
  436. }   
  437.                
  438. ul.onglet1 li.off a:hover { 
  439.     color: #DEDEDE; 
  440.     text-decoration:none;
  441.     background-color:#99A3AD;
  442. }  
  443.  
  444. ul.onglet1 li.on {
  445.     list-style-type:none; 
  446.     float:left;
  447.     background-color: #ACB3BD; 
  448.     border:1px solid #57667A;
  449.     border-bottom:none;  
  450.     padding:0;  
  451.     margin:0 1px 0 0;
  452. } 
  453.                             
  454. ul.onglet1 li.on a {
  455.     display: block; 
  456.     text-decoration: none;    
  457.     font-weight: bold; 
  458.     font-size: 12px;  
  459.     text-align: center;  
  460.     background: none;   
  461.     color: #000000;  
  462.     padding: 5px 15px 5px 15px;  
  463.     margin:0;
  464. }   
  465.                
  466. ul.onglet1 li.on a:hover { 
  467.     color: #DEDEDE; 
  468.     text-decoration:none;
  469.     background-color:#99A3AD;
  470. }  
  471.  
  472. ul.onglet1 li.out {
  473.     list-style-type:none; 
  474.     float:left;
  475.     background-color: #ACB3BD; 
  476.     border:1px solid #57667A;
  477.     border-bottom:none; 
  478.     padding:0;  
  479.     margin:0 1px 0 0;
  480. } 
  481.                             
  482. ul.onglet1 li.out a {
  483.     display: block; 
  484.     text-decoration: none;    
  485.     font-weight: bold; 
  486.     font-size: 12px;  
  487.     text-align: center;  
  488.     background: none;   
  489.     color: #000000;  
  490.     padding: 5px 15px 5px 15px;  
  491.     margin:0;
  492. }  
  493.  
  494.  
  495. td.onglet1contenu  {
  496.     padding:10px;
  497.     border:1px solid #57667A;  
  498.     background-color: #DEDEDE; 
  499. }
  500.  
  501.  
  502.  
  503.  
  504.  
  505. /*
  506. =============================================================================================================================
  507. =============================================================================================================================
  508.         AUTRES ==============================================================================================================
  509. ============================================================================================================================= 
  510. =============================================================================================================================
  511. */
  512.  
  513.  
  514.  
  515.  
  516.  
  517.  
  518.  
  519.  
  520.  
  521. /* BASE         - thead */
  522. thead { display: table-header-group; }  
  523. tfoot { display: table-footer-group;}
  524.  
  525.  
  526.  
  527.  
  528. .menumoins {    display: block;   float: right;   margin: 5px 0 0 0;   padding: 0;   background-position: right 50%;   background-image: url('Interface/Image/menu_moins.gif');   background-repeat: no-repeat;     } .menumoins a:link {   display: block;   float: right;   text-decoration: none;    margin: 5px 0 0 0;   padding: 0;   }
  529. .menuplus {    display: block;   float: right;   margin: 5px 0 0 0;   padding: 0;   background-position: right 50%;   background-image: url('Interface/Image/menu_plus.gif');   background-repeat: no-repeat;     } .menuplus a:link {   display: block;   float: right;   text-decoration: none;    margin: 5px 0 0 0;   padding: 0;   }
  530.  
  531. a.versionimprimable:link {    margin: 0;   padding: 6px 0 6px 32px;   background: url('Interface/Image/version_imprimable2.gif') top left no-repeat;    height: 32px;   font-size: 9px;   font-weight: bold;   text-decoration: none; /*border: 1px dotted #f0c;*/   } a.versionimprimable:visited {    margin: 0;   padding: 6px 0 6px 32px;   background: url('Interface/Image/version_imprimable2.gif') top left no-repeat;    height: 32px;   font-size: 9px;   font-weight: bold;   text-decoration: none;   } a.versionimprimable:active {    margin: 0;   padding: 6px 0 6px 32px;   background: url('Interface/Image/version_imprimable2.gif') top left no-repeat;    height: 32px;   font-size: 9px;   font-weight: bold;   text-decoration: none;   } a.versionimprimable:hover {    margin: 0;   padding: 6px 0 6px 32px;   background: url('Interface/Image/version_imprimable2.gif') top left no-repeat;    height: 32px;   font-size: 9px;   font-weight: bold;   text-decoration: underline;   } 
  532.  
  533. .message { text-align: center; }
  534.  
  535. .tabpetitbord  { border-style:solid; border-width: 1px ;   border-collapse: collapse;   border-color: #222222; }
  536. .transactionok { color: #336600; font-size: 100%; font-weight: bold; }
  537. .tabfondtitre   {   background-color: #CCCC99;  color: #000000;   font-size: 110%;    font-weight: bold;   text-align: center;    padding: 2px;  }
  538. .txtmoyeng  {   font-size: 15px;   font-weight: bold;   }
  539. .txtnormalg {   font-size: 12px;   font-weight: bold;   }
  540. .tabbordext {border-collapse: collapse; border-color:#222222; border-width: 1px; border-style: solid; }
  541. .txtmoyen {   font-size: 15px;   }
  542. .txtnormal {   font-size: 12px;   } 
  543. .evenement {   color: #000;   font-size: 10px;   font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;   padding: 0 0 0 9px;   background:url("Interface/Image/puce75.gif") top left no-repeat;   }
  544. .evenementjourferie {      font-size: 10px;         padding: 0 0 0 10px;         color: #FF0000;         background:url("Interface/Image/puce75.gif") top left no-repeat;     }
  545. .evenementanniversaire {      font-size: 10px;         padding: 0 0 0 10px;         color: #0000FF;         background:url("Interface/Image/puce75.gif") top left no-repeat;     }
  546. .txtimportant {   color: #CC0000;   font-weight: bold; }
  547. .borduregauchepale > tbody > tr > th, .borduregauchepale > tbody > tr > td, .borduregauchepale > th, .borduregauchepale > td, th.borduregauchepale, td.borduregauchepale, img.borduregauchepale {   border-left: 1px dotted #000000; }
  548. .txtlien{   color: #000000;   } 
  549. .entete {   font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;   font-size: 18px;   color: #FFFFFF;   text-decoration: none;   } 
  550. .entete2 {   font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;   font-size: 14px;   font-weight: bold;   text-decoration: none;   } 
  551. .txttrpetit {   font-size: 10px;   } 
  552. .txtpetit {   font-size: 11px;   } 
  553. .txtgros {   font-size: 18px;   } 
  554. .txttrgros {   font-size: 24px;   } 
  555. .sautpageavant {   /* L'ΘlΘment doit Ωtre un bloc non vide. */   page-break-before: always; }
  556. .sautpageapres {   /* L'ΘlΘment doit Ωtre un bloc non vide. */   page-break-after: always; }
  557. .avertissement {   color: #e6a406;   font-size: 110%;   font-weight: bold;   } 
  558. .erreur {   color: #cc0000;   font-size: 110%;    font-weight: bold;   } 
  559. .clear {     clear: both; }
  560. .margegauche {   margin: 0;   padding: 0 0 0 15px; }
  561.  
  562. ul.onglet1i {   list-style-type: none;   font-weight: bold;   font-size: 1em;   line-height: 1em;   text-align: center;   margin: 0;   padding: 0; }  ul.onglet1i li {   float: left;   background-position: top right;   background-image: url(Interface/Image/onglet_tab.gif);   background-repeat: no-repeat;   padding-right: 13px; /*cacher la ligne du haut (arriΦre-plan du "a")*/   white-space: nowrap; }  /*=== IE ne comprend pas l'opΘrateur >.       On s'en sert donc pour appliquer des attributs diffΘrents. ===*/ ul.onglet1i > li > a {   display: block;   text-decoration: none;   height: 2.5em;   background-image: url(Interface/Image/onglet_tab.gif);   background-repeat: no-repeat;    padding-top: 4px; /*texte sous la bordure du haut*/   padding-left: 13px; /*texte α l'intΘrieur du coin (arriΦre-plan du "li")*/   color: #000000; }  ul.onglet1i li a {   display: run-in;   text-decoration: none;   height: 2.5em;   background-image: url(Interface/Image/onglet_tab.gif);   background-repeat: no-repeat;    padding-top: 4px; 
  563. /*texte sous la bordure du haut*/   
  564. padding-left: 13px; /*texte α l'intΘrieur du coin (arriΦre-plan du "li")*/   
  565. color: #000000; }  ul.onglet1i li.on {   background-color: #CCCC99; }  ul.onglet1i li.off {   background-color: #EEEEDD; }  ul.onglet1i li.out {   background-color: #C2C2AB; }  ul.onglet1i li.off a:hover {   text-decoration: underline;   color: #000000; }  td.onglet1icontenu {   border-left: 1px solid #9F9F9F;   border-right: 1px solid #9F9F9F;   border-bottom: 1px solid #9F9F9F;       border-top: 12px solid #CCCC99;    background-color: #EEEEDD; }
  566.  
  567. .noir09  {   color: #000;    font-size: 9px;   line-height: 11px;   font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;   } 
  568. .noir10 {   color: #000;   font-size: 10px;   line-height: 12px;   font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;   } 
  569. .noir11 {   color: #000;   font-size: 11px;   line-height: 13px;   font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;   } 
  570. .noir12  { color: #000; font-size: 12px; line-height: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular } 
  571. .txtmessage {   color: #000;   font-weight: bold;   }
  572. .txtnormals {   font-size: 12px;   text-decoration: underline;   }
  573. .txtpetitg {     font-size: 11px;     font-weight: bold;   }
  574. .txttrpetitg {    font-size: 10px;   font-weight: bold; } 
  575.  
  576. table.tabrapport3 {   border: 1px solid #222;   border-collapse: collapse; }  table.tabrapport3 th{   background: #CCCC99;    border-bottom: 1px solid #000000;    white-space: nowrap; }  table.tabrapport3 td, .tabrapport3 th{   border-right: 1px solid #000000;   vertical-align: top;   padding: 5px;   margin: 0; }  table.tabrapport3 td{   white-space: nowrap; }  .tabrapport3total, .tabrapport3total td {   border-top: 1px solid #000000;  }
  577. .borduredroitepale > tbody > tr > th, .borduredroitepale > tbody > tr > td, .borduredroitepale > th, .borduredroitepale > td, th.borduredroitepale, td.borduredroitepale, img.borduredroitepale {   border-right: 1px dotted #000000; }
  578.  
  579. .tabautoevaluation {       background-color: #EEEEDD;       } .titreautoevaluation {       font-size: 10px;       font-weight: bold ;       background-color: #CCCC99;       } .echellesautoevaluation {       text-align: center;        }  .echelleautoevaluation {       float: left;            display: block;       width: 75px;       } .choixechelle {       text-align: center;       width: 12px;       } .descriptionechelle {       text-align: center;       font-size: 10px;       } .enregautoevaluation {       background: #ffffff url('Interface/Image/enregistrer.gif') no-repeat;       float: left;            display: block;       width: 18px; height: 18px;       margin: 0 0 0 20px; padding:0 0 0 0;       }  
  580. .nowrap {   white-space: nowrap; }  table.nowrap tr td {   white-space: nowrap; }  tr.nowrap td {   white-space: nowrap; }
  581. .txtcentre {      text-align: center;      }
  582. .txtdroite {       text-align: right;   }
  583. .txtgauche {      text-align: left;      }
  584. .txtgrosg  {   font-size: 18px;   font-weight: bold;   }
  585. .centre {      margin-left: auto;      margin-right: auto;      width: auto; } 
  586. .txtjustifie {   text-align: justify;   }
  587. .txtnormalgs {   font-size: 12px;   font-weight: bold;   text-decoration: underline;   }
  588. .invisible {   display: none; }
  589. .gauche {     float: left; }
  590. .droite {     float: right; }
  591.  
  592.  
  593.  
  594. /* BASE         - cellulenoire */
  595. .cellulenoire {   background-color: #000000; }
  596.  
  597.  
  598. .sansbordure > tbody > tr > th, .sansbordure > tbody > tr > td, .sansbordure > th, .sansbordure > td, th.sansbordure, td.sansbordure {   border: 0; }
  599. .borduredroite > tbody > tr > th, .borduredroite > tbody > tr > td, .borduredroite > th, .borduredroite > td, th.borduredroite, td.borduredroite, img.borduredroite {   border-right: 1px solid #000000; }
  600. .lectureseule {   background-color: #EEEEDD }
  601. .txtchassefixe {   font-family: "Courier New"; }
  602. .gris{   color: #666; }
  603. .txtgrispale {   color: #A8A8A8; }
  604. .txtgras {   font-weight: bold; }
  605. table.mouseover tr:hover, tr.mouseover:hover, td.mouseover:hover, th.mouseover:hover, div.mouseover:hover, span.mouseover:hover {  background-color: #BDC8AF; }
  606. table.tabrapport {   border: 1px solid #222;   border-collapse: collapse; }  table.tabrapport th{   background: #CCCC99;    border-bottom: 1px solid #000000;    white-space: nowrap; }  
  607. table.tabrapport td, .tabrapport th{   border-right: 1px solid #000000;   vertical-align: top;   padding: 5px;   margin: 0; }  
  608. table.tabrapport td{   white-space: nowrap; }  table.tabrapport tr:hover{     background-color: #BDC8AF; }  .tabrapporttotal, .tabrapporttotal td {   border-top: 1px solid #000000;  } 
  609. .couleurfond  {   background-color: #FFFFFF; }
  610. .txtrouge {   color: #c00;   } 
  611. .bordurebas > tbody > tr > th, .bordurebas > tbody > tr > td, .bordurebas > tr, .bordurebas > th, .bordurebas > td, th.bordurebas, td.bordurebas, img.bordurebas {   border-bottom: 1px solid #000000; }
  612. .borduregauche > tbody > tr > th, .borduregauche > tbody > tr > td, .borduregauche > th, .borduregauche > td, th.borduregauche, td.borduregauche, img.borduregauche {   border-left: 1px solid #000000; }
  613. .bordurehaut > tbody > tr > th, .bordurehaut > tbody > tr > td, .bordurehaut > tr, .bordurehaut > th, .bordurehaut > td, th.bordurehaut, td.bordurehaut, img.bordurehaut {   border-top: 1px solid #000000; }
  614. .bas {   vertical-align: bottom; } 
  615. table.bas > tbody > tr > td {   vertical-align: bottom; } 
  616. tr.bas > td {   vertical-align: bottom; }
  617. .haut {   vertical-align: top; } 
  618. table.haut > tbody > tr > td {   vertical-align: top; } 
  619. tr.haut > td {   vertical-align: top; }
  620. .milieu {   vertical-align: middle; } 
  621. table.milieu > tbody > tr > td {   vertical-align: middle; } 
  622. tr.milieu > td {   vertical-align: middle; }
  623. ol.listenum {   margin: 0 0 0 25px;   padding: 0; }  
  624. .listenum > li {   padding: 2px; } .listenum > li > a {   display: block; }   
  625. .listenum li:hover {   background-color: #BDC8AF; }
  626. ol.listenumretrait {   margin: 0 0 0 40px;   padding: 0; }  
  627. .listenumretrait > li {   padding: 2px; }  .listenumretrait > li > a {   display: block; }   
  628. .listenumretrait li:hover {   background-color: #BDC8AF; } 
  629. ul.listepointeur {   list-style-image: url(Interface/Image/indicateur_petit_droit.gif);   margin: 0 0 0 18px;   padding: 0; }  
  630. .listepointeur > li {   padding: 2px; } .listepointeur > li > a {   display: block; }   .listepointeur li:hover {   background-color: #BDC8AF; } 
  631. ul.listepointeurretrait {   list-style-image: url(Interface/Image/indicateur_petit_droit.gif);   margin: 0 0 0 33px;   padding: 0; }  .listepointeurretrait > li {   padding: 2px; } .listepointeurretrait > li > a {   display: block; }   .listepointeurretrait li:hover {   background-color: #BDC8AF; }
  632. ul.listepuce {   list-style-image: url(Interface/Image/puce75.gif);   margin: 0 0 0 15px;   padding: 0; }  .listepuce > li {   padding: 2px; } .listepuce > li > a {   display: block; }   .listepuce li:hover {   background-color: #BDC8AF; } 
  633. ul.listepuceretrait {   list-style-image: url(Interface/Image/puce75.gif);   margin: 0 0 0 30px;   padding: 0; }  .listepuceretrait > li {   padding: 2px; } .listepuceretrait > li > a {   display: block; }   .listepuceretrait li:hover {   background-color: #BDC8AF; }
  634. .txtitalique {   font-style: italic; }
  635. .txtsansitalique {   font-style: normal; }
  636. .txtsansgras {   font-weight: normal; }
  637. .txtsanssouligne {   text-decoration: none; }
  638. .retraitdroite {   margin-right: 20px; }
  639. .retraitgauche {   margin-left: 20px; }
  640. table.tabrapport2 {   border: 1px solid #222;   border-collapse: collapse; }  
  641. table.tabrapport2 th{   background: #CCCC99;    border-bottom: 1px solid #000000;    white-space: nowrap; }  
  642. table.tabrapport2 td, .tabrapport2 th{   border-right: 1px solid #000000;   vertical-align: top;   padding: 5px;   margin: 0; }  
  643. table.tabrapport2 tr:hover{     background-color: #BDC8AF; }  
  644. .tabrapporttotal2, .tabrapporttotal2 td {   border-top: 1px solid #000000;  } 
  645. .txtsouligne {   text-decoration: underline; }
  646. .retraitpremiereligne {   text-indent: 20px; }
  647. .sansmargebas {   margin-bottom: 0;   padding-bottom: 0; }
  648. .sansmargehaut {   margin-top: 0;   padding-top: 0; }
  649. .quadrille, .quadrille th, .quadrille td  {   border: 1px solid #222;   border-collapse: collapse;   }
  650.  
  651. .celluleaide {   background-color: #FFFFE1; }
  652. .txtblanc {   color: #fff;   } 
  653. .cellulehover {   background-color: #BDC8AF;   }
  654. .bordure > tbody > tr > th, .bordure > tbody > tr > td, .bordure > tr, .bordure > th, .bordure > td, tr.bordure, th.bordure, td.bordure, img.bordure {   border: 1px solid #000000; }
  655.  
  656. table.editeurHTML {   border-spacing: 5px; }  
  657. .changerMode {   width: 50%;   height: 25px;   padding: 4px;   background-color: #e5effd;   border: 1px solid #abc6dd;   font-family: Verdana;   font-size: 11px;   font-weight: bold;   color: Black; }  
  658. .consigneWord {   width: 50%;   height: 25px;   padding: 4px;   background-color: #fde5e5;   border: 1px solid #ddabab;   font-family: Verdana;   font-size: 11px;   color: Black;   text-align: center; }
  659. .information {     display:block; /*    background-color:#eae9e9; */     background-color: #EEEEDD;     background-image:url(Interface/Image/avertissement_neutre.png);     background-repeat:no-repeat;     background-position:left;     padding:10px 10px 10px 40px;     border:2px #c5c5c5 solid;     color: #4d4d4d;     font-weight: bold; }  
  660. .information a {     color: #4d4d4d; }
  661. .msginformation {     display:block; /*    background-color:#eae9e9; */     background-color: #EEEEDD;     background-image:url(Interface/Image/avertissement_neutre.png);     background-repeat:no-repeat;     background-position:left;     padding:10px 10px 10px 40px;     border:2px #c5c5c5 solid;     color: #4d4d4d;     font-weight: bold; }  
  662. .msginformation a {     color: #4d4d4d; }
  663. .msgtransactionok{     display:block;     background-color:#e2fbb1;     background-image:url(Interface/Image/validation_1.jpg);     background-repeat:no-repeat;     background-position:left;     padding:10px 10px 10px 40px;     border:2px #5f9406 solid;     color: #000000; }  
  664. .msgtransactionok a{     color: #90ba00;     font-weight:bold; }
  665. .fondblanc {background-color: #FFFFFF} /*blanc*/
  666. .msgancienformat {     display: block;     padding: 5px;      text-align: center;     color: red;     font-size: 20px;     text-align: center; }
  667. .msgavertissement{     display:block;     background-color:#ffdc8b;     background-image:url(Interface/Image/avertissement_1.jpg);     background-repeat:no-repeat;     background-position:left;     padding:10px 10px 10px 40px;     border:2px #ff9c00 solid;     color: #000000; }  
  668. .msgavertissement a{     color: #ff5400;     font-weight:bold; }
  669. .msgzone {     width: 650px;     margin: auto;      display: block;     padding: 5px;      font-size: 12px;     font-weight: bold;     text-align: left;  }
  670. .msgtexte {   color: #000;   font-weight: bold;   padding: 10px 10px 10px 40px; }
  671. .msgerreur{     display:block;     background-color:#ffabab;     background-image:url(Interface/Image/erreur_1.jpg);     background-repeat:no-repeat;     background-position:left;     padding:10px 10px 10px 40px;     border:2px #CC0000 solid;     color: #000000; }  
  672. .msgerreur a{     color: #990000;     font-weight:bold; }
  673. .fondrouge {   background-color: #FFB3B3; }
  674.  
  675. /*  - rouge */
  676. .rouge { font-family: Verdana,Arial,sans-serif; font-size: 12px; color: Red; margin-left: 0px;     margin-right: 0px;     text-align : justify; }
  677.