/******************* cci performance *******************/
.content-wrapper {padding: 10px;background: #fff;border: 1px solid #b4b2b2;-moz-box-shadow: inset 0 0 3px #9c9c9c;-webkit-box-shadow: inset 0 0 3px#9c9c9c;box-shadow: inner 0 0 3px #9c9c9c;}
.content-wrapper-bsc {background: #f4faff !important;}
.content-wrapper-facteur {background: #fffcf3 !important;}
.legende-wrapper {
  margin: 10px 0 0 0;
  padding: 5px;
  background: #fff;
  border: 1px solid #b4b2b2;
  -moz-box-shadow: inset 0 0 2px #9c9c9c;
  -webkit-box-shadow: inset 0 0 2px#9c9c9c;
  box-shadow: inner 0 0 2px #9c9c9c;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;
  text-align: center;
}

.legende-wrapper span {
display:inline-block;
padding-left: 20px;
margin: 0 5px 0 0;
font-family: Georgia,Times,"Times New Roman",serif !important;
font-size: 0.85em;
height: 3em;
}

.legende-wrapper span.alerte {background: url(../img/nuage32.png) no-repeat 0 0;}
.legende-wrapper span.vigileance {background: url(../img/couvert32.png) no-repeat 0 0}
.legende-wrapper span.ok {background: url(../img/soleil32.png) no-repeat 0 0;}
.legende-wrapper span.separator {background: url(../img/bsc-icon-legende-separator.png) no-repeat left 0; padding:0 !important;}

/* VERSION <2012 */
.legende-wrapper span.alerte2012 {background: url(../img/bsc-icon-legende-alerte.png) no-repeat 0 0;}
.legende-wrapper span.vigileance2012 {background: url(../img/bsc-icon-legende-vigileance.png) no-repeat 0 0;}
.legende-wrapper span.ok2012 {background: url(../img/bsc-icon-legende-ok.png) no-repeat 0 0;}
.legende-wrapper span.separator2012 {background: url(../img/bsc-icon-legende-separator.png) no-repeat 0 0; padding:0 !important;}


.titlepane-custom {margin: 0px 0 0 0;clear: both;}
.titlepane-custom-title {height: 80px;cursor: pointer;}
.titlepane-custom .open {background: #fafafa url(../img/arrow-open-titlepane.png) 20px 15px no-repeat;border: 1px solid #a0a0a0;}  
.titlepane-custom .close {background: #fff url(../img/arrow-close-titlepane.png) 20px 15px no-repeat; border: 1px solid #dedcdc;} 
.titlepane-custom-content {border-left: 1px solid #a0a0a0; border-right: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; padding: 10px;}
.titlepane-custom-title .arrow {float: left; width: 75px; height: 80px; margin: 0 10px 0 0;}
.titlepane-custom-title .close {}
.titlepane-custom-title .title-content {float: left; margin: 10px 0 0 0;}
.titlepane-custom-title .title-content p {margin: 0 !important; line-height: 1.4em !important;}
.titlepane-custom-title .title-content .title {font-family: Georgia,Times,"Times New Roman",serif !important; font-size: 1.4em !important;}
.titlepane-custom-title .title-content .title .blue {color: #328ed1;}
.titlepane-custom-title .title-content .legend {font-size: 0.90em;}
.titlepane-custom-title .title-content .indicateur {color: #fd503e; font-size: 0.90em;}
.titlepane-custom label {font-size: 0.85em; padding: 7px 5px 0 0 !important; line-height: 1em; display:block;}
.titlepane-custom p.legend { font-size: 0.85em; line-height: 1em; font-style: italic; margin: 0 !important;}
.titlepane-custom div.row { margin:10px 0 0 0;}
.titlepane-custom .month {float: left;width: 8%; text-align: center; margin: 0 2px 0 0;}

.field-label {text-align: right; min-height: 30px;}

.objectif-realise {height:3px; background: #328ed1}
.objectif-initial {height:3px; background: #ffd700}
.objectif-reajuste {height:3px; background: #fd503e}
.objectif-reajuste-month {height:3px; background: #afd049}
.objectif-inital-month {height:3px; background: #0000ff}

.tableau-bsc {font-size:0.85em;}
.tableau-bsc table {border-bottom: 1px solid #d9d8d8;border-collapse: collapse;width: 100%;}
.tableau-bsc caption {
text-align: center;
border: 1px solid #e3e5e8;
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
padding: 5px;
background: #fff url(../img/bsc-tableau-caption.png) bottom center repeat-x;
}
.tableau-bsc caption.big {}
.tableau-bsc caption.first {
    background: rgb(249,213,164) bottom center repeat-x;
}
.tableau-bsc caption.second {
    background: rgb(226,245,169) bottom center repeat-x;
}
.tableau-bsc caption.third {
    background: rgb(175, 226, 239) bottom center repeat-x;
}
.tableau-bsc caption.fourth {
    background: rgb(200,191,231) bottom center repeat-x;
}

.tableau-bsc caption.firstN49 {
    height: 32px;
    background: rgb(249,213,164) bottom center repeat-x;
}
.tableau-bsc caption.secondN49 {
    background: #fff url(../img/bsc-tableau-caption_green.png) bottom center repeat-x;
}
.tableau-bsc caption.thirdN49 {
    background: #fff url(../img/bsc-tableau-caption_blue.png) bottom center repeat-x;
}
.tableau-bsc caption.N49 {
    height: 32px;
    background: rgb(200,191,231) bottom center repeat-x;
}

.tableau-bsc table th {
border: 1px solid #d9d8d8;
padding: 5px;
background-color: #d8eaf8;
color: #006fd3;
font-weight: bold;
text-align: center;
height: 35px;
line-height: 1.2em;
}

.tableau-bsc table thead.facteur th {background-color: #ffefc4;color:#706f6f; height: 55px;}
.tableau-bsc table thead.facteurN49 th {background-color: #ffefc4;color:#706f6f;}

.tableau-bsc table td {
font-family: Georgia,Times,"Times New Roman",serif !important;
color: #706f6f;
padding: 1px;
text-align: center;
border-left: 1px solid #d9d8d8;
border-right: 1px solid #d9d8d8;
border-bottom:1px dotted #d9d8d8
}
.tableau-bsc table tr {height: 36px; background-color: #fcfcfc;}
.tableau-bsc table tr.odd {background-color: #fff;}
.tableau-bsc table tfoot tr {background-color: #dcdcdc !important;}
.tableau-bsc table tfoot td {font-weight: bold;}
.tableau-bsc table a {text-decoration: none;color: #706F6F;}
.tableau-bsc table td span {
display: block;
height: 35px !important;
overflow:hidden; text-overflow:ellipsis;
line-height: 1.2em;
vertical-align: middle;
padding: 5px;
}
.tableau-bsc table td span.alerte {
    background: url(../img/nuage32.png) no-repeat 3% center;
}
.tableau-bsc table td span.alerte:hover {
    background: url(../img/nuage32.png) no-repeat 3% center #ffd9d9;
}
.tableau-bsc table td span.ok {
     background: url(../img/soleil32.png) no-repeat 3% center;
}
.tableau-bsc table td span.ok:hover {
    background: url(../img/soleil32.png) no-repeat 3% center #f5ffeb;
}
.tableau-bsc table td span.vigileance {
     background: url(../img/couvert32.png) no-repeat 3% center;
}
.tableau-bsc table td span.vigileance:hover {
    background: url(../img/couvert32.png) no-repeat 3% center #fcf1de;
}


/* VERSION < 2013 */
.tableau-bsc table td span.alerte2012 {color: #fd503e;border-left: 5px solid;border-color: #fd503e;}
.tableau-bsc table td span.alerte2012:hover {background: #ffd9d9;}
.tableau-bsc table td span.ok2012 {border-left: 5px solid;border-color: #d0e2bf;}
.tableau-bsc table td span.ok2012:hover {background: #f5ffeb;}
.tableau-bsc table td span.vigileance2012 {border-left: 5px solid;border-color: #fdd18e;}
.tableau-bsc table td span.vigileance2012:hover {background: #fcf1de;}


span.indice {font-weight:normal; font-size:0.85em; margin:0 2px;}