h3 { margin-top:10px; } h3 u { font-size:13px; color:#535353; font-weight:bold; } div.stats ul { width: 400px; list-style: none; margin:10px; padding:10px; } div.stats .percent { display: block; height: 1.5em; line-height: 1.5em; margin: 5px 10px 0 10px; padding: 0 5px; text-align: right; color: #fff; font-weight: bold; font-family: monospace; -moz-border-radius: 5px; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; cursor: default; } /* Image dégradée */ .gradiant_pic li { width: 300px; padding: 0; } .gradiant_pic li .percent { height: 20px; line-height: 20px; padding: 0; color: #000; background: #fff url(/img/gradiant2.png) repeat-y 0 0; -moz-border-radius: 0; } .blocdegrade { width:300px; } .imgdegrade { width:310px; } .textdegrade { position:absolute; overflow:hidden; margin-left:10px; line-height: 18px; color: #000; font-size:11px; font-weight: bold; font-family: monospace; } div.blocdegrade div { margin:0; } div.blocdegrade .echelle { width:100%; } div.blocdegrade .echelleleft { float:left; } div.blocdegrade .echelleright { float:right; } .textdegrademin { position:absolute; overflow:hidden; margin-left:10px; line-height: 20px; color: #000; font-size:11px; font-weight: bold; font-family: monospace; } .regle { clear:both; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #synthese .head { font-weight: bold; } #synthese th { background: none repeat scroll 0 0 #B9C9FE; border: 1px solid #FFFFFF; color: #003399; font-size: 13px; font-weight: normal; padding: 4px; } #synthese td.right { text-align: right; } #synthese { border-collapse: collapse; clear: both; font-size: 12px; margin: 10px 0px 0; padding: 2px; text-align: left; width: 100%; font-family: arial,sans-serif; font-size: 11px; } #synthese td { background: none repeat scroll 0 0 #E8EDFF; border: 1px solid #FFFFFF; color: #666699; padding: 4px; } #synthese tr:hover td { background: none repeat scroll 0 0 #D0DAFD; }