Guest User

css

a guest
Feb 6th, 2015
39
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 16.50 KB | None | 0 0
  1.  
  2. h1{
  3.     text-align:center ;
  4. }
  5. embed {
  6.     margin-left:110px;
  7.     z-index:-5;
  8.     position:relative;
  9.     }
  10. body {
  11.     font-size: 100%;
  12.     background: #E8E8E8;
  13.     font: 1.1em sans-serif;
  14.     margin-left: 10px;
  15.  
  16.    
  17. }
  18. body img{
  19.  
  20.  
  21.     }
  22. #cadre {
  23.     margin-left:10px;
  24. }
  25. #cadre13{
  26.     margin-left:250px;
  27.     }
  28. #cadre14{
  29.     margin-top:10px;
  30.     display:block;
  31.  
  32.     position:relative;
  33.    
  34.     }
  35. h3 {
  36.     color: black;
  37.     text-align:center;
  38.     animation-duration: 3s;
  39.     animation-name: slidein;
  40.     text-decoration:blink;
  41.  
  42. }
  43. h6 {
  44.     color: #black;
  45.     text-align:center;
  46.  
  47. }
  48. /* propriétés du pied de page */
  49. pied_de_page {
  50.     color: black;
  51.     text-align:center;
  52.     position:relative;
  53.     cursor: pointer;
  54.     }
  55. footer{
  56.     position:relative;
  57.     margin-top:200px;
  58.     margin-left:250px auto ;
  59.     text-align:center;
  60.     cursor: pointer;
  61.     }
  62. /*--------*/
  63.  
  64.  
  65. /* Main menu */
  66.  
  67. #menu
  68. {
  69.     width: 100%;
  70.     margin: 0;
  71.     padding: 10px 0 0 0;
  72.     list-style: none;  
  73.         background: linear-gradient(#3384E7, dodgerblue);
  74.         background: -webkit-linear-gradient(#3384E7, dodgerblue);
  75.         background:    -moz-linear-gradient(#3384E7, dodgerblue);
  76.         background:     -ms-linear-gradient(#3384E7, dodgerblue);
  77.         background:      -o-linear-gradient(#3384E7, dodgerblue);
  78.         background:         linear-gradient(#3384E7, bodgerblue);
  79.     text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
  80.     -moz-border-radius: 50px;
  81.     border-radius: 50px;
  82.     -moz-box-shadow: 0 2px 1px #9c9c9c;
  83.     -webkit-box-shadow: 0 2px 1px #9c9c9c;
  84.     box-shadow: 0 2px 1px #9c9c9c;
  85. }
  86.  
  87. #menu li
  88. {
  89.     float: left;
  90.     padding: 0 0 10px 0;
  91.     position: relative;
  92.     line-height: 0;
  93.  
  94. }
  95.  
  96. #menu a
  97. {
  98.     float: left;
  99.     height: 25px;
  100.     padding: 0 25px;
  101.     color: #E1E6FA;
  102.     text-transform: uppercase;
  103.     font: bold 12px/25px Arial, Helvetica;
  104.     text-decoration: none;
  105.     text-shadow: 0 1px 0 #000;
  106. }
  107.  
  108. #menu li:hover > a
  109. {
  110.     color: #acdc2e;
  111. }
  112.  
  113. *html #menu li a:hover /* IE6 */
  114. {
  115.     color: #acdc2e;
  116. }
  117.  
  118. #menu li:hover > ul
  119. {
  120.     display: block;
  121. }
  122.  
  123. /* Sub-menu */
  124.  
  125. #menu ul
  126. {
  127.     list-style: none;
  128.     margin: 0;
  129.     padding: 0;    
  130.     display: none;
  131.     position: absolute;
  132.     top: 35px;
  133.     left: 0;
  134.     z-index: 9999999;    
  135.     text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
  136.         background: linear-gradient(#3384E7, dodgerblue);
  137.         background: -webkit-linear-gradient(#3384E7, dodgerblue);
  138.         background:    -moz-linear-gradient(#3384E7, dodgerblue);
  139.         background:     -ms-linear-gradient(#3384E7, dodgerblue);
  140.         background:      -o-linear-gradient(#3384E7, dodgerblue);
  141.         background:         linear-gradient(#3384E7, bodgerblue);
  142.     -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
  143.     -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
  144.     box-shadow: 0 0 2px rgba(255,255,255,.5);  
  145.     -moz-border-radius: 5px;
  146.     border-radius: 5px;
  147. }
  148.  
  149. #menu ul ul
  150. {
  151.   top: 0;
  152.   left: 150px;
  153. }
  154.  
  155. #menu ul li
  156. {
  157.     float: none;
  158.     margin: 0;
  159.     padding: 0;
  160.     display: block;  
  161.     -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
  162.     -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
  163.     box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
  164. }
  165.  
  166. #menu ul li:last-child
  167. {  
  168.     -moz-box-shadow: none;
  169.     -webkit-box-shadow: none;
  170.     box-shadow: none;  
  171.    
  172. }
  173.  
  174. #menu ul a
  175. {    
  176.     padding: 10px;
  177.     height: auto;
  178.     width: auto;
  179.     height: auto;
  180.     line-height: 1;
  181.     display: block;
  182.     white-space: nowrap;
  183.     float: none;
  184.     text-transform: none;
  185. }
  186.  
  187. *html #menu ul a /* IE6 */
  188. {    
  189.     height: 10px;
  190. }
  191.  
  192. *:first-child+html #menu ul a /* IE7 */
  193. {    
  194.     height: 10px;
  195. }
  196.  
  197. #menu ul a:hover
  198. {
  199.     background: #0186ba;
  200.     background: -moz-linear-gradient(#04acec,  #0186ba);   
  201.     background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
  202.     background: -webkit-linear-gradient(#04acec,  #0186ba);
  203.     background: -o-linear-gradient(#04acec,  #0186ba);
  204.     background: -ms-linear-gradient(#04acec,  #0186ba);
  205.     background: linear-gradient(#04acec,  #0186ba);
  206. }
  207.  
  208. #menu ul li:first-child > a
  209. {
  210.     -moz-border-radius: 5px 5px 0 0;
  211.     border-radius: 5px 5px 0 0;
  212. }
  213.  
  214. #menu ul li:first-child > a:after
  215. {
  216.     content: '';
  217.     position: absolute;
  218.     left: 30px;
  219.     top: -8px;
  220.     width: 0;
  221.     height: 0;
  222.     border-left: 5px solid transparent;
  223.     border-right: 5px solid transparent;
  224.     border-bottom: 8px solid #444;
  225. }
  226.  
  227. #menu ul ul li:first-child a:after
  228. {
  229.     left: -8px;
  230.     top: 12px;
  231.     width: 0;
  232.     height: 0;
  233.     border-left: 0;
  234.     border-bottom: 5px solid transparent;
  235.     border-top: 5px solid transparent;
  236.     border-right: 8px solid #444;
  237. }
  238.  
  239. #menu ul li:first-child a:hover:after
  240. {
  241.     border-bottom-color: #04acec;
  242. }
  243.  
  244. #menu ul ul li:first-child a:hover:after
  245. {
  246.     border-right-color: #04acec;
  247.     border-bottom-color: transparent;  
  248. }
  249.  
  250.  
  251. #menu ul li:last-child > a
  252. {
  253.     -moz-border-radius: 0 0 5px 5px;
  254.     border-radius: 0 0 5px 5px;
  255. }
  256.  
  257. /* Clear floated elements */
  258. #menu:after
  259. {
  260.     visibility: hidden;
  261.     display: block;
  262.     font-size: 0;
  263.     content: " ";
  264.     clear: both;
  265.     height: 0;
  266. }
  267. /*---*/
  268.  
  269. section
  270. {
  271.  
  272.     margin-left: 320px;
  273.     border: 0px solid black;}
  274. section a img{
  275.     position: relative;
  276.     left: 50%;
  277.     margin-top:15px;
  278.     bottom: 15px;
  279.     margin-left: 10px ;
  280.     width: 30px;
  281.     height: 30px;
  282.     cursor: pointer;
  283. }
  284.  
  285. #cadre1 {
  286.     text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
  287.     color: rgba(0, 0, 0, .7);
  288.     text-decoration: none;
  289.     padding: 8px 8px 17px 8px;
  290.     font:1em;
  291.     width:260px ;
  292.     height:80px;
  293.     position:absolute;
  294.     padding-top:100px auto;
  295.     text-align:center;
  296.     margin-left:100px  ;
  297.     text-align:center;
  298.     padding:5px;
  299.     background: linear-gradient(#ABC8E2, #8CC6D7);
  300.     background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
  301.     background:    -moz-linear-gradient(#ABC8E2, #8CC6D7);
  302.     background:     -ms-linear-gradient(#ABC8E2, #8CC6D7);
  303.     background:      -o-linear-gradient(#ABC8E2, #8CC6D7);
  304.     background:         linear-gradient(#ABC8E2, #8CC6D7);
  305.     border:1px solid black;
  306.     border-radius:10px;
  307.     -webkit-border-radius:10px;
  308.     -moz-border-radius:10px;
  309.     display:align-block ;
  310.     margin-top:10px;
  311.    
  312. }
  313.  
  314. #cadre2 {
  315.     text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
  316.     color: rgba(0, 0, 0, .7);
  317.     text-decoration: none;
  318.     padding: 8px 8px 17px 8px;
  319.     font:1em;
  320.     text-decoration:none;
  321.     width:260px ;
  322.     height:80px;
  323.     position:absolute;
  324.     padding-top:100px auto;
  325.     text-align:center;
  326.     margin-left:100px  ;
  327.     text-align:center;
  328.     padding:5px;
  329.     background: linear-gradient(#ABC8E2, #8CC6D7);
  330.     background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
  331.     background:    -moz-linear-gradient(#ABC8E2, #8CC6D7);
  332.     background:     -ms-linear-gradient(#ABC8E2, #8CC6D7);
  333.     background:      -o-linear-gradient(#ABC8E2, #8CC6D7);
  334.     background:         linear-gradient(#ABC8E2, #8CC6D7);
  335.     border:1px solid black;
  336.     border-radius:10px;
  337.     -webkit-border-radius:10px;
  338.     -moz-border-radius:10px;
  339.     display:align-block ;
  340.     margin-top:70px;
  341. }
  342. #cadre3 {
  343.     text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
  344.     color: rgba(0, 0, 0, .7);
  345.     text-decoration: none;
  346.     padding: 8px 8px 17px 8px;
  347.     font:1em;
  348.     text-decoration:none;
  349.     width:260px ;
  350.     height:80px;
  351.     position:absolute;
  352.     padding-top:100px auto;
  353.     text-align:center;
  354.     margin-left:100px  ;
  355.     text-align:center;
  356.     padding:5px;
  357.     background: linear-gradient(#ABC8E2, #8CC6D7);
  358.     background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
  359.     background:    -moz-linear-gradient(#ABC8E2, #8CC6D7);
  360.     background:     -ms-linear-gradient(#ABC8E2, #8CC6D7);
  361.     background:      -o-linear-gradient(#ABC8E2, #8CC6D7);
  362.     background:         linear-gradient(#ABC8E2, #8CC6D7);
  363.     border:1px solid black;
  364.     border-radius:10px;
  365.     -webkit-border-radius:10px;
  366.     -moz-border-radius:10px;
  367.     display:align-block ;
  368.     margin-top:130px;
  369. }
  370. #cadre4 {
  371.     text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
  372.     color: rgba(0, 0, 0, .7);
  373.     text-decoration: none;
  374.     padding: 8px 8px 17px 8px;
  375.     font:1em;
  376.     text-decoration:none;
  377.     position:absolute;
  378.     width:260px ;
  379.     height:80px;
  380.     text-align:center;
  381.     margin-left:420px;
  382.     padding:5px;
  383.     background: linear-gradient(#ABC8E2, #8CC6D7);
  384.     background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
  385.     background:    -moz-linear-gradient(#ABC8E2, #8CC6D7);
  386.     background:     -ms-linear-gradient(#ABC8E2, #8CC6D7);
  387.     background:      -o-linear-gradient(#ABC8E2, #8CC6D7);
  388.     background:         linear-gradient(#ABC8E2, #8CC6D7);
  389.     border:1px solid black;
  390.     border-radius:10px;
  391.     -webkit-border-radius:10px;
  392.     -moz-border-radius:10px;
  393.     display:align-block ;
  394.     margin-top:-116px;
  395. }
  396. #cadre5 {
  397.     text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
  398.     color: rgba(0, 0, 0, .7);
  399.     text-decoration: none;
  400.     padding: 8px 8px 17px 8px;
  401.     font:1em;
  402.     text-decoration:none;
  403.     position:absolute;
  404.     width:260px ;
  405.     height:80px;
  406.     text-align:center;
  407.     margin-left:420px;
  408.     padding:5px;
  409.     background: linear-gradient(#ABC8E2, #8CC6D7);
  410.     background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
  411.     background:    -moz-linear-gradient(#ABC8E2, #8CC6D7);
  412.     background:     -ms-linear-gradient(#ABC8E2, #8CC6D7);
  413.     background:      -o-linear-gradient(#ABC8E2, #8CC6D7);
  414.     background:         linear-gradient(#ABC8E2, #8CC6D7);
  415.     border:1px solid black;
  416.     border-radius:10px;
  417.     -webkit-border-radius:10px;
  418.     -moz-border-radius:10px;
  419.     display:align-block ;
  420.     margin-top:-56px;
  421. }
  422. #cadre6 {
  423.     text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
  424.     color: rgba(0, 0, 0, .7);
  425.     text-decoration: none;
  426.     padding: 8px 8px 17px 8px;
  427.     font:1em;
  428.     text-decoration:none;
  429.     position:absolute;
  430.     width:260px ;
  431.     height:80px;
  432.     text-align:center;
  433.     margin-left:420px;
  434.     padding:5px;
  435.     background: linear-gradient(#ABC8E2, #8CC6D7);
  436.     background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
  437.     background:    -moz-linear-gradient(#ABC8E2, #8CC6D7);
  438.     background:     -ms-linear-gradient(#ABC8E2, #8CC6D7);
  439.     background:      -o-linear-gradient(#ABC8E2, #8CC6D7);
  440.     background:         linear-gradient(#ABC8E2, #8CC6D7);
  441.     border:1px solid black;
  442.     border-radius:10px;
  443.     -webkit-border-radius:10px;
  444.     -moz-border-radius:10px;
  445.     display:align-block ;
  446.     margin-top:4px;
  447. }
  448. #cadre7 {
  449.     text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
  450.     color: rgba(0, 0, 0, .7);
  451.     text-decoration: none;
  452.     padding: 8px 8px 17px 8px;
  453.     font:1em;
  454.     width:260px ;
  455.     height:80px;
  456.     position:absolute;
  457.     padding-top:100px auto;
  458.     text-align:center;
  459.     margin-left:100px  ;
  460.     text-align:center;
  461.     padding:5px;
  462.     background: linear-gradient(#ABC8E2, #8CC6D7);
  463.     background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
  464.     background:    -moz-linear-gradient(#ABC8E2, #8CC6D7);
  465.     background:     -ms-linear-gradient(#ABC8E2, #8CC6D7);
  466.     background:      -o-linear-gradient(#ABC8E2, #8CC6D7);
  467.     background:         linear-gradient(#ABC8E2, #8CC6D7);
  468.     border:1px solid black;
  469.     border-radius:10px;
  470.     -webkit-border-radius:10px;
  471.     -moz-border-radius:10px;
  472.     display:align-block ;
  473.     margin-top:10px;
  474.    
  475. }
  476.  
  477. #cadre8 {
  478.     text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
  479.     color: rgba(0, 0, 0, .7);
  480.     text-decoration: none;
  481.     padding: 8px 8px 17px 8px;
  482.     font:1em;
  483.     text-decoration:none;
  484.     width:260px ;
  485.     height:80px;
  486.     position:absolute;
  487.     padding-top:100px auto;
  488.     text-align:center;
  489.     margin-left:100px  ;
  490.     text-align:center;
  491.     padding:5px;
  492.     background: linear-gradient(#ABC8E2, #8CC6D7);
  493.     background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
  494.     background:    -moz-linear-gradient(#ABC8E2, #8CC6D7);
  495.     background:     -ms-linear-gradient(#ABC8E2, #8CC6D7);
  496.     background:      -o-linear-gradient(#ABC8E2, #8CC6D7);
  497.     background:         linear-gradient(#ABC8E2, #8CC6D7);
  498.     border:1px solid black;
  499.     border-radius:10px;
  500.     -webkit-border-radius:10px;
  501.     -moz-border-radius:10px;
  502.     display:align-block ;
  503.     margin-top:70px;
  504. }
  505. #cadre9 {
  506.     text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
  507.     color: rgba(0, 0, 0, .7);
  508.     text-decoration: none;
  509.     padding: 8px 8px 17px 8px;
  510.     font:1em;
  511.     text-decoration:none;
  512.     width:260px ;
  513.     height:80px;
  514.     position:absolute;
  515.     padding-top:100px auto;
  516.     text-align:center;
  517.     margin-left:100px  ;
  518.     text-align:center;
  519.     padding:5px;
  520.     background: linear-gradient(#ABC8E2, #8CC6D7);
  521.     background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
  522.     background:    -moz-linear-gradient(#ABC8E2, #8CC6D7);
  523.     background:     -ms-linear-gradient(#ABC8E2, #8CC6D7);
  524.     background:      -o-linear-gradient(#ABC8E2, #8CC6D7);
  525.     background:         linear-gradient(#ABC8E2, #8CC6D7);
  526.     border:1px solid black;
  527.     border-radius:10px;
  528.     -webkit-border-radius:10px;
  529.     -moz-border-radius:10px;
  530.     display:align-block ;
  531.     margin-top:130px;
  532. }
  533. #cadre10 {
  534.     text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
  535.     color: rgba(0, 0, 0, .7);
  536.     text-decoration: none;
  537.     padding: 8px 8px 17px 8px;
  538.     font:1em;
  539.     text-decoration:none;
  540.     position:absolute;
  541.     width:260px ;
  542.     height:80px;
  543.     text-align:center;
  544.     margin-left:420px;
  545.     padding:5px;
  546.     background: linear-gradient(#ABC8E2, #8CC6D7);
  547.     background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
  548.     background:    -moz-linear-gradient(#ABC8E2, #8CC6D7);
  549.     background:     -ms-linear-gradient(#ABC8E2, #8CC6D7);
  550.     background:      -o-linear-gradient(#ABC8E2, #8CC6D7);
  551.     background:         linear-gradient(#ABC8E2, #8CC6D7);
  552.     border:1px solid black;
  553.     border-radius:10px;
  554.     -webkit-border-radius:10px;
  555.     -moz-border-radius:10px;
  556.     display:align-block ;
  557.     margin-top:-116px;
  558. }
  559. #cadre11 {
  560.     text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
  561.     color: rgba(0, 0, 0, .7);
  562.     text-decoration: none;
  563.     padding: 8px 8px 17px 8px;
  564.     font:1em;
  565.     text-decoration:none;
  566.     position:absolute;
  567.     width:260px ;
  568.     height:80px;
  569.     text-align:center;
  570.     margin-left:420px;
  571.     padding:5px;
  572.     background: linear-gradient(#ABC8E2, #8CC6D7);
  573.     background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
  574.     background:    -moz-linear-gradient(#ABC8E2, #8CC6D7);
  575.     background:     -ms-linear-gradient(#ABC8E2, #8CC6D7);
  576.     background:      -o-linear-gradient(#ABC8E2, #8CC6D7);
  577.     background:         linear-gradient(#ABC8E2, #8CC6D7);
  578.     border:1px solid black;
  579.     border-radius:10px;
  580.     -webkit-border-radius:10px;
  581.     -moz-border-radius:10px;
  582.     display:align-block ;
  583.     margin-top:-56px;
  584. }
  585. #cadre12 {
  586.     text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
  587.     color: rgba(0, 0, 0, .7);
  588.     text-decoration: none;
  589.     padding: 8px 8px 17px 8px;
  590.     font:1em;
  591.     text-decoration:none;
  592.     position:absolute;
  593.     width:260px ;
  594.     height:80px;
  595.     text-align:center;
  596.     margin-left:420px;
  597.     padding:5px;
  598.     background: linear-gradient(#ABC8E2, #8CC6D7);
  599.     background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
  600.     background:    -moz-linear-gradient(#ABC8E2, #8CC6D7);
  601.     background:     -ms-linear-gradient(#ABC8E2, #8CC6D7);
  602.     background:      -o-linear-gradient(#ABC8E2, #8CC6D7);
  603.     background:         linear-gradient(#ABC8E2, #8CC6D7);
  604.     border:1px solid black;
  605.     border-radius:10px;
  606.     -webkit-border-radius:10px;
  607.     -moz-border-radius:10px;
  608.     display:align-block ;
  609.     margin-top:4px;
  610. }#cadre17 {
  611.     text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
  612.     color: rgba(0, 0, 0, .7);
  613.     text-decoration: none;
  614.     padding: 8px 8px 17px 8px;
  615.     font:1em;
  616.     text-decoration:none;
  617.     position:absolute;
  618.     width:260px ;
  619.     height:80px;
  620.     text-align:center;
  621.     margin-left:300px;
  622.     padding:5px;
  623.     display:align-block ;
  624.     margin-top:4px;
  625. }
  626. html, body
  627. {
  628.   margin:0;
  629.   padding:0;
  630.   height:100%; /* 100 % en hauteur */
  631. }
  632.  
  633. html>body #wrap {height:100%;} /* 100 % en hauteur */
  634.  
  635. #header
  636. {
  637.    width:100%;
  638.    height:5em;
  639. }
  640.  
  641. html>body #header
  642. {
  643.   position:fixed;
  644.   z-index:10; /* empêche certains problèmes avec les élements de formulaire */
  645. }
  646.  
  647. html>body #content-wrap {height:100%;} /* 100 % en hauteur */
  648.  
  649. html>body #content {padding:6em 1em;} /* 6em = hauteur de #header et #footer + 1em, 1em = donne au contenu un peu d'espace par rapport aux bords */
  650.  #titre{
  651.         background: linear-gradient(#3384E7, dodgerblue);
  652.         background: -webkit-linear-gradient(#3384E7, dodgerblue);
  653.         background:    -moz-linear-gradient(#3384E7, dodgerblue);
  654.         background:     -ms-linear-gradient(#3384E7, dodgerblue);
  655.         background:      -o-linear-gradient(#3384E7, dodgerblue);
  656.         background:         linear-gradient(#3384E7, bodgerblue);
  657.         width:100%;
  658.         text-align:center;
  659.         position: top;
  660. }
  661.  
  662. #footer
  663. {
  664.    width:100%;
  665.    height:1em;
  666. }
  667.  
  668. html>body #footer
  669. {
  670.   position:fixed;
  671.   bottom:0;
  672.   z-index:10; /* empêche certains problèmes avec les élements de formulaire */
  673. }
Advertisement
Add Comment
Please, Sign In to add comment