.formidable_analyse .stat {width:70%;} .progress-bar { background-color: #f1f1f1; padding: 1px; margin: 2px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 4px #eee inset, 0 1px 0 #bbb; -webkit-box-shadow: 0 1px 4px #eee inset, 0 1px 0 #bbb; box-shadow: 0 1px 4px #eee inset, 0 1px 0 #bbb; position:relative; /* pour le strong du texte */ } .progress-bar strong { color:#000; padding:0 .5em; -webkit-moz-text-shadow: 0 1px 1px #fff; -moz-text-shadow: 0 1px 1px #fff; text-shadow: 0 1px 1px #fff; position:relative; } .progress-bar strong small {font-size:90%; font-weight:normal;} .progress-bar span { background-color: #ddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#999)); background-image: -webkit-linear-gradient(top, #ddd, #999); background-image: -moz-linear-gradient(top, #ddd, #999); background-image: -ms-linear-gradient(top, #ddd, #999); background-image: -o-linear-gradient(top, #ddd, #999); background-image: linear-gradient(top, #ddd, #999); display: block; position: absolute; top: 2px; bottom: 2px; left: 2px; height: calc(100% - 4px); max-width: calc(100% - 4px); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; -webkit-transition: width 2s ease-in-out; -moz-transition: width 2s ease-in-out; -ms-transition: width 2s ease-in-out; -o-transition: width 2s ease-in-out; transition: width 2s ease-in-out; } .progress-bar.gray span { background-color: #ddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#999)); background-image: -webkit-linear-gradient(top, #ddd, #999); background-image: -moz-linear-gradient(top, #ddd, #999); background-image: -ms-linear-gradient(top, #ddd, #999); background-image: -o-linear-gradient(top, #ddd, #999); background-image: linear-gradient(top, #ddd, #999); } .progress-bar.blue span { background-color: #34c2e3; background-image: -webkit-gradient(linear, left top, left bottom, from(#34c2e3), to(#13ACD1)); background-image: -webkit-linear-gradient(top, #34c2e3, #13ACD1); background-image: -moz-linear-gradient(top, #34c2e3, #13ACD1); background-image: -ms-linear-gradient(top, #34c2e3, #13ACD1); background-image: -o-linear-gradient(top, #34c2e3, #13ACD1); background-image: linear-gradient(top, #34c2e3, #13ACD1); } .progress-bar.orange span { background-color: #fecf23; background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215)); background-image: -webkit-linear-gradient(top, #fecf23, #fd9215); background-image: -moz-linear-gradient(top, #fecf23, #fd9215); background-image: -ms-linear-gradient(top, #fecf23, #fd9215); background-image: -o-linear-gradient(top, #fecf23, #fd9215); background-image: linear-gradient(top, #fecf23, #fd9215); } .progress-bar.green span { background-color: #a5df41; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916)); background-image: -webkit-linear-gradient(top, #a5df41, #4ca916); background-image: -moz-linear-gradient(top, #a5df41, #4ca916); background-image: -ms-linear-gradient(top, #a5df41, #4ca916); background-image: -o-linear-gradient(top, #a5df41, #4ca916); background-image: linear-gradient(top, #a5df41, #4ca916); } /* styles pour les grilles de questions */ .grille_libelle td { background: white !important; font-weight: bold; } .grille_libelle_top td { padding-top: 1em; padding-bottom: 0; } .grille_libelle_bottom td { padding-top: 0; padding-bottom: 1em; } .grille_choix td { padding-top: .3462em; padding-bottom: .3462em; }