body.node-type-eco2mix #content {
	background-color: #FFFFFF;
}

#ccj,#mix,#ech, #co2, #reg, #donneesmarche {
	width:685px;
	margin:auto;
}

.consoChartContainer {
    border-left: 1px solid #D1D1D1;
    border-right: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    width:685px;
    cursor:default;
    position: relative;
	background: #fff;  /* explicite pour intégration site externe */
	line-height: 14px; /* explicite pour intégration site externe */
	text-align: left;
	margin: 0 auto;
}
.consoChartContainer table{
	
	margin: 0;
	border-collapse: separate;
	border-spacing: 2px;
}
.regChartContainer table{
	
	border-spacing: 0;
}

.consoChartTop, .mixChartTop, .co2ChartTop, 
.echChartTop, .consoChartTopPl, .mixChartTopPl, 
.co2ChartTopPl, .echChartTopPl, .regChartTop, 
.regChartTopPl, .expChartTop, .expChartTopPl, 
.nrjChartTop,
.dmChartTop, .dmChartTopPl{
    background: url(img/top_background.png) no-repeat;
    border-bottom: 1px solid #D1D1D1;    
}

.consoChartTop0 {
    height:83px;
    background-position: 0 0;
}

.consoChartTop1 {
    height:83px;
    background-position: -685px 0;
}

.mixChartTop0 {
    height:75px;
    background-position: 0 -98px;
}

.mixChartTop1 {
    height:75px;
    background-position: -685px -98px;
}

.co2ChartTop0 {
    height:75px;
    background-position: 0 -197px;
}

.co2ChartTop1 {
    height:75px;
    background-position: -685px -197px;
}

.echChartTop0 {
    height:75px;
    background-position: 0 -284px;
}

.echChartTop1 {
    height:75px;
    background-position: -685px -284px;
}

.regChartTop0 {
    height:75px;
    background-position: 0 -765px;
}

.regChartTop1 {
    height:75px;
    background-position: -685px -765px;
}

.expChartTop0 {
    height:75px;
    background-position: 0 -1157px;
}

.expChartTop1 {
    height:75px;
    background-position: -685px -1157px;
}

.nrjChartTop0 {
    height:75px;
    background-position: 0 -1353px;
}

.nrjChartTop1 {
    height:75px;
    background-position: -685px -1353px;
}

.dmChartTop0 {
    height:75px;
    background-position: 0 -961px;
}

.dmChartTop1 {
    height:75px;
    background-position: -685px -961px;
}

.consoChartTopPl0 {
    height:83px;
    background-position: 0 -382px;
}

.consoChartTopPl1 {
    height:83px;
    background-position: -685px -382px;
}

.mixChartTopPl0 {
    height:75px;
    background-position: 0 -480px;
}

.mixChartTopPl1 {
    height:75px;
    background-position: -685px -480px;
}

.co2ChartTopPl0 {
    height:75px;
    background-position: 0 -579px;
}

.co2ChartTopPl1 {
    height:75px;
    background-position: -685px -579px;
}

.echChartTopPl0 {
    height:75px;
    background-position: 0 -666px;
}

.echChartTopPl1 {
    height:75px;
    background-position: -685px -666px;
}

.regChartTopPl0 {
    height:75px;
    background-position: 0 -862px;
}

.regChartTopPl1 {
    height:75px;
    background-position: -685px -862px;
}

.expChartTopPl0 {
    height:75px;
    background-position: 0 -1255px;
}

.expChartTopPl1 {
    height:75px;
    background-position: -685px -1255px;
}

.dmChartTopPl0 {
    height:75px;
    background-position: 0 -1059px;
}

.dmChartTopPl1 {
    height:75px;
    background-position: -685px -1059px;
}

.consoChartTop span {
    padding:12px;
}

.consoChartTop div div {
    font-size:11px;
}

.consoChartTop select {
   width: 160px;
}


.consoChartBtnMin0 a,
.consoChartBtnMinOver0 a,
.consoChartBtnMax0 a,
.consoChartBtnMaxOver0 a,
.consoChartBtnMin1 a,
.consoChartBtnMinOver1 a,
.consoChartBtnMax1 a,
.consoChartBtnMaxOver1 a {
    display: block;
    height: 18px;
    width: 79px;
    line-height: 70px;
    overflow: hidden;
    cursor: pointer;
    background: url(img/btn_others.gif) no-repeat;    
    margin-right: 7px;
    margin-top: 3px;
}

.consoChartBtnMin0 a {
    background-position: 0 -120px;
}

.consoChartBtnMin0 a:hover,
.consoChartBtnMinOver0 a {
    background-position: 0 -146px;
}

.consoChartBtnMax0 a {
    background-position: 0 -172px;
}

.consoChartBtnMax0 a:hover,
.consoChartBtnMaxOver0 a {
    background-position: 0 -198px;
}

.consoChartBtnMin1 a {
    background-position: -156px -120px;
}

.consoChartBtnMin1 a:hover,
.consoChartBtnMinOver1 a {
    background-position: -156px -146px;
}

.consoChartBtnMax1 a {
    background-position: -156px -172px;
}

.consoChartBtnMax1 a:hover,
.consoChartBtnMaxOver1 a {
    background-position: -156px -198px;
}

.consoChartComboRegionProd0_0,
.consoChartComboRegionProd0_1,
.consoChartComboRegionProd0_2,
.consoChartComboRegionProd1_0,
.consoChartComboRegionProd1_1,
.consoChartComboRegionProd1_2 {
    position: relative;
    width: 162px;
}

.consoChartBtnTout0 a,
.consoChartBtnToutDetail0 a,
.consoChartBtnToutOver0 a,
.consoChartBtnToutOverDetail0 a,
.consoChartBtnRepartition0 a,
.consoChartBtnRepartitionDetail0 a,
.consoChartBtnRepartitionOver0 a,
.consoChartBtnRepartitionOverDetail0 a,
.consoChartComboRegionProd0_0 a,
.consoChartComboRegionProd0_1 a,
.consoChartComboRegionProd0_2 a,
.consoChartBtnTout1 a,
.consoChartBtnToutDetail1 a,
.consoChartBtnToutOver1 a,
.consoChartBtnToutOverDetail1 a,
.consoChartBtnRepartition1 a,
.consoChartBtnRepartitionDetail1 a,
.consoChartBtnRepartitionOver1 a,
.consoChartBtnRepartitionOverDetail1 a,
.consoChartComboRegionProd1_0 a,
.consoChartComboRegionProd1_1 a,
.consoChartComboRegionProd1_2 a {
    display: block;
    height: 18px;
    width: 142px;
    line-height: 70px;
    overflow: hidden;
    cursor: pointer;
    background: url(img/btn_others.gif) no-repeat;    
    margin-right: 7px;
    margin-top: 3px;
}

.consoChartBtnTout0 a {
    background-position: 0 -224px;
}

.consoChartBtnToutDetail0 a {
    background-position: 0 -432px;
    width: 147px;
}

.consoChartBtnTout0 a:hover,
.consoChartBtnToutOver0 a {
    background-position: 0 -250px;
}

.consoChartBtnToutDetail0 a:hover,
.consoChartBtnToutOverDetail0 a {
    background-position: 0 -458px;
    width: 147px;
}

.consoChartBtnRepartition0 a {
    background-position: 0 -276px;
}

.consoChartBtnRepartitionDetail0 a {
    background-position: 0 -276px;
}

.consoChartBtnRepartition0 a:hover {
    background-position: 0 -302px;
}
.consoChartBtnRepartitionOver0 a {
    background-position: 0 -565px;
}

.consoChartBtnRepartitionDetail0 a:hover {
    background-position: 0 -302px;
}
.consoChartBtnRepartitionOverDetail0 a {
    background-position: 0 -565px;
}

.consoChartBtnTout1 a {
    background-position: -156px -224px;
}

.consoChartBtnToutDetail1 a {
    background-position: -156px -432px;
}

.consoChartBtnTout1 a:hover,
.consoChartBtnToutOver1 a {
    background-position: -156px -250px;
}

.consoChartBtnToutDetail1 a:hover,
.consoChartBtnToutOverDetail1 a {
    background-position: -156px -458px;
}

.consoChartBtnRepartition1 a {
    background-position: -156px -276px;
}

.consoChartBtnRepartitionDetail1 a {
    background-position: -156px -276px;
}

.consoChartBtnRepartition1 a:hover {
    background-position: -156px -302px;
}
.consoChartBtnRepartitionOver1 a {
    background-position: -156px -565px;
}

.consoChartBtnRepartitionDetail1 a:hover,
.consoChartBtnRepartitionOverDetail1 a {
    background-position: -156px -302px;
}
.consoChartBtnRepartitionOverDetail1 a {
    background-position: -156px -565px;
}

.consoChartBtnToutComp0 a,
.consoChartBtnToutCompOver0 a,
.consoChartBtnToutComp1 a,
.consoChartBtnToutCompOver1 a {
    display: block;
    height: 18px;
    width: 120px;
    line-height: 70px;
    overflow: hidden;
    cursor: pointer;
    background: url(img/btn_others.gif) no-repeat;    
    margin-right: 7px;
    margin-top: 4px;
}

.consoChartBtnToutComp0 a {
    background-position: 0 -840px;
}

.consoChartBtnToutComp0 a:hover,
.consoChartBtnToutCompOver0 a {
    background-position: 0 -860px;
}

.consoChartBtnToutComp1 a {
    background-position: -156px -840px;
}

.consoChartBtnToutComp1 a:hover,
.consoChartBtnToutCompOver1 a {
    background-position: -156px -860px;
}


.consoChartComboRegionProd0_0 a,
.consoChartComboRegionProd0_1 a,
.consoChartComboRegionProd0_2 a,
.consoChartComboRegionProd1_0 a,
.consoChartComboRegionProd1_1 a,
.consoChartComboRegionProd1_2 a {
    margin-top: 4px;
    width: 156px;
}

.consoChartComboRegionProd0_0 a {
    background-position: 0 -660px;
}

.consoChartComboRegionProd0_1 a {
    background-position: 0 -680px;
}

.consoChartComboRegionProd0_2 a {
    background-position: 0 -700px;
}

.consoChartComboRegionProd1_0 a {
    background-position: -156px -660px;
}

.consoChartComboRegionProd1_1 a {
    background-position: -156px -680px;
}

.consoChartComboRegionProd1_2 a {
    background-position: -156px -700px;
}

.consoChartComboRegionProd0_0 div,
.consoChartComboRegionProd0_1 div,
.consoChartComboRegionProd0_2 div,
.consoChartComboRegionProd1_0 div,
.consoChartComboRegionProd1_1 div,
.consoChartComboRegionProd1_2 div {
    position:relative;
    top:0px;
    width:155px;
    height:63px;
    z-index: 10;
}

.consoChartComboRegionProd0_0 div div.top,
.consoChartComboRegionProd0_1 div div.top,
.consoChartComboRegionProd0_2 div div.top,
.consoChartComboRegionProd1_0 div div.top,
.consoChartComboRegionProd1_1 div div.top,
.consoChartComboRegionProd1_2 div div.top {
    height:7px;
    background: url(img/btn_others.gif) no-repeat;    
    background-position: 0 -720px;
}

.consoChartComboRegionProd0_0 div div.bottom,
.consoChartComboRegionProd0_1 div div.bottom,
.consoChartComboRegionProd0_2 div div.bottom,
.consoChartComboRegionProd1_0 div div.bottom,
.consoChartComboRegionProd1_1 div div.bottom,
.consoChartComboRegionProd1_2 div div.bottom {
    height:7px;
    background: url(img/btn_others.gif) no-repeat;    
    background-position: 0 -826px;
}

.consoChartComboRegionProd0_0 div div.sp,
.consoChartComboRegionProd0_1 div div.sp,
.consoChartComboRegionProd0_2 div div.sp,
.consoChartComboRegionProd1_0 div div.sp,
.consoChartComboRegionProd1_1 div div.sp,
.consoChartComboRegionProd1_2 div div.sp {
    height:3px;
    background: url(img/btn_others.gif) no-repeat;    
    background-position: 0 -741px;
}

.consoChartComboRegionProd0_0 div a,
.consoChartComboRegionProd0_1 div a,
.consoChartComboRegionProd0_2 div a,
.consoChartComboRegionProd1_0 div a,
.consoChartComboRegionProd1_1 div a,
.consoChartComboRegionProd1_2 div a {
    margin:0;
}

.consoChartComboRegionProd0_0 div a.item0, .consoChartComboRegionProd0_0 div a.item0:hover,
.consoChartComboRegionProd0_1 div a.item0, .consoChartComboRegionProd0_1 div a.item0:hover,
.consoChartComboRegionProd0_2 div a.item0, .consoChartComboRegionProd0_2 div a.item0:hover {
    display: block;
    height:14px;
    background: url(img/btn_others.gif) no-repeat;    
    background-position: 0 -727px;
}

.consoChartComboRegionProd0_0 div a.item1, .consoChartComboRegionProd0_0 div a.item1:hover,
.consoChartComboRegionProd0_1 div a.item1, .consoChartComboRegionProd0_1 div a.item1:hover,
.consoChartComboRegionProd0_2 div a.item1, .consoChartComboRegionProd0_2 div a.item1:hover {
    display: block;
    height:14px;
    background: url(img/btn_others.gif) no-repeat;    
    background-position: 0 -744px;
}

.consoChartComboRegionProd0_0 div a.item2, .consoChartComboRegionProd0_0 div a.item2:hover,
.consoChartComboRegionProd0_1 div a.item2, .consoChartComboRegionProd0_1 div a.item2:hover,
.consoChartComboRegionProd0_2 div a.item2, .consoChartComboRegionProd0_2 div a.item2:hover {
    display: block;
    height:14px;
    background: url(img/btn_others.gif) no-repeat;    
    background-position: 0 -761px;
}

.consoChartComboRegionProd0_0 div a.item0:hover,
.consoChartComboRegionProd0_1 div a.item0:hover,
.consoChartComboRegionProd0_2 div a.item0:hover {
    background-position: 0 -778px;
}

.consoChartComboRegionProd0_0 div a.item1:hover,
.consoChartComboRegionProd0_1 div a.item1:hover,
.consoChartComboRegionProd0_2 div a.item1:hover {
    background-position: 0 -795px;
}

.consoChartComboRegionProd0_0 div a.item2:hover,
.consoChartComboRegionProd0_1 div a.item2:hover,
.consoChartComboRegionProd0_2 div a.item2:hover {
    background-position: 0 -812px;
}

.consoChartComboRegionProd1_0 div a.item0, .consoChartComboRegionProd1_0 div a.item0:hover,
.consoChartComboRegionProd1_1 div a.item0, .consoChartComboRegionProd1_1 div a.item0:hover,
.consoChartComboRegionProd1_2 div a.item0, .consoChartComboRegionProd1_2 div a.item0:hover {
    display: block;
    height:14px;
    background: url(img/btn_others.gif) no-repeat;    
    background-position: -156px -727px;
}

.consoChartComboRegionProd1_0 div a.item1, .consoChartComboRegionProd1_0 div a.item1:hover,
.consoChartComboRegionProd1_1 div a.item1, .consoChartComboRegionProd1_1 div a.item1:hover,
.consoChartComboRegionProd1_2 div a.item1, .consoChartComboRegionProd1_2 div a.item1:hover {
    display: block;
    height:14px;
    background: url(img/btn_others.gif) no-repeat;    
    background-position: -156px -744px;
}

.consoChartComboRegionProd1_0 div a.item2, .consoChartComboRegionProd1_0 div a.item2:hover,
.consoChartComboRegionProd1_1 div a.item2, .consoChartComboRegionProd1_1 div a.item2:hover,
.consoChartComboRegionProd1_2 div a.item2, .consoChartComboRegionProd1_2 div a.item2:hover {
    display: block;
    height:14px;
    background: url(img/btn_others.gif) no-repeat;    
    background-position: -156px -761px;
}

.consoChartComboRegionProd1_0 div a.item0:hover,
.consoChartComboRegionProd1_1 div a.item0:hover,
.consoChartComboRegionProd1_2 div a.item0:hover {
    background-position: -156px -778px;
}

.consoChartComboRegionProd1_0 div a.item1:hover,
.consoChartComboRegionProd1_1 div a.item1:hover,
.consoChartComboRegionProd1_2 div a.item1:hover {
    background-position: -156px -795px;
}

.consoChartComboRegionProd1_0 div a.item2:hover,
.consoChartComboRegionProd1_1 div a.item2:hover,
.consoChartComboRegionProd1_2 div a.item2:hover {
    background-position: -156px -812px;
}


.consoChartBtnFront0 a,
.consoChartBtnFrontOver0 a,
.consoChartBtnMap0 a,
.consoChartBtnMapOver0 a,
.consoChartBtnFront1 a,
.consoChartBtnFrontOver1 a,
.consoChartBtnMap1 a,
.consoChartBtnMapOver1 a {
    display: block;
    height: 18px;
    width: 142px;
    line-height: 70px;
    overflow: hidden;
    cursor: pointer;
    background: url(img/btn_others.gif) no-repeat;    
    margin-right: 7px;
    margin-top: 3px;
}

.consoChartBtnFront0 a {
    background-position: 0 -328px;
}

.consoChartBtnFront0 a:hover,
.consoChartBtnFrontOver0 a {
    background-position: 0 -354px;
}

.consoChartBtnMap0 a {
    background-position: 0 -380px;
}

.consoChartBtnMap0 a:hover {
    background-position: 0 -406px;
}
.consoChartBtnMapOver0 a {
    background-position: 0 -615px;
}

.consoChartBtnFront1 a {
    background-position: -156px -328px;
}

.consoChartBtnFront1 a:hover,
.consoChartBtnFrontOver1 a {
    background-position: -156px -354px;
}

.consoChartBtnMap1 a {
    background-position: -156px -380px;
}

.consoChartBtnMap1 a:hover{
    background-position: -156px -406px;
}
.consoChartBtnMapOver1 a {
    background-position: -156px -615px;
}

.consoChartBtnJour0,
.consoChartBtnJourSelected0,
.consoChartBtnJour1,
.consoChartBtnJourSelected1 {
    float: left;
    padding-left:270px;
}

.consoChartBtnVeille0,
.consoChartBtnVeilleSelected0,
.consoChartBtnVeille1,
.consoChartBtnVeilleSelected1 {
    float: left;
    padding-left:12px;
}

.consoChartBtnJour0 a,
.consoChartBtnJourSelected0 a,
.consoChartBtnVeille0 a,
.consoChartBtnVeilleSelected0 a,
.consoChartBtnJour1 a,
.consoChartBtnJourSelected1 a,
.consoChartBtnVeille1 a,
.consoChartBtnVeilleSelected1 a {
    display: block;
    height: 20px;
    width: 96px;
    line-height: 96px;
    overflow: hidden;
    cursor: pointer;
    padding-left: 0;
    background: url(img/btn_others.gif) no-repeat;
}

.consoChartBtnJour0 a {
    background-position: 0 0;
}

.consoChartBtnJourSelected0 a {
    background-position: 0 -30px;
}

.consoChartBtnVeille0 a {
    background-position: 0 -60px;
}

.consoChartBtnVeilleSelected0 a {
    background-position: 0 -90px;
}

.consoChartBtnJour1 a {
    background-position: -156px 0;
}

.consoChartBtnJourSelected1 a {
    background-position: -156px -30px;
}

.consoChartBtnVeille1 a {
    background-position: -156px -60px;
}

.consoChartBtnVeilleSelected1 a {
    background-position: -156px -90px;
}



.consoChartFooter {
    padding: 25px 20px 20px 20px;
}
.consoChartFooter table {
    empty-cells: show;
    border-collapse: collapse;
    font-family: Arial;
    table-layout: fixed;
    border:0;
}

.consoChartFooter td {
    border:0;
}

.consoChartValue {
    font-size: 26px;
    font-weight: bold;
    text-align: right;
    line-height: 24px;
}

.consoChartUnit {
    width:20px;
    font-size: 10px;
    vertical-align: bottom;
	line-height: 13px; /* explicite pour intégration site externe */
}

.consoChartSeparator {
    height:5px;
}

.consoChartLabel {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
	line-height: 16px;
}

.consoChartLabel2 {
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}

.consoChartConso {
    color: #875627; /*F27406*/
}

.consoChartJour {
    color: #65B4C5;
}

.consoChartVeille {
    color: #003449;
}

.consoChartFondConso {
    background-color: #875627; /*F27406*/
}

.consoChartFondJour {
    background-color: #65B4C5;
}

.consoChartFondVeille {
    background-color: #003449;
}

.consoChartTextBottom {
    width:40px;
    height:20px;
    top:0px;
    left:0px;
    position:absolute;
    color:#914706;
    font-family:Arial;
    font-size:10px;
    text-align:center;
    font-weight:bold;
}

.pieValue {
    width:40px;
    height:12px;
    top:0px;
    left:0px;
    position:absolute;
    font-family:Arial;
    font-size:10px;
    text-align:center;
}

.pieLabel {
    color: #6F6F6F;
    font-family:Arial;
    font-size:12px;
    text-align:center;
    position:relative;
    text-align: center;
    display: inline;
}

.btnCalendar, .btnCalendarOver {
    width: 23px;
    height: 25px;
    margin: -4px 0 0 7px;
    background: url(img/btn_calendar.gif) 0 -35px no-repeat;
    float: left;
}

.btnCalendarOver {
    background-position: 0 0;
}

.btnPrint, .btnPrintOver {
    width: 16px;
    height: 16px;
    margin: 1px 0 0 7px;
    background: url(img/btn_print_mail.png) -27px -20px no-repeat;
    float: left;
}

.btnPrintOver {
    background-position: -27px 0;
}

.btnMail, .btnMailOver {
    width: 25px;
    height: 16px;
    margin: 1px 0 0 7px;
    background: url(img/btn_print_mail.png) 0 -20px no-repeat;
    float: left;
}

.btnMailOver {
    background-position: 0 0;
}

.btnTodayFr, .btnTodayFrOver, .btnTodayEn, .btnTodayEnOver {
    width: 23px;
    height: 25px;
    margin: -4px 0 0 7px;
    background: url(img/calendar_today.png) 0 -35px no-repeat;
    float: left;
}

.btnTodayFrOver {
    background-position: 0 0;
}

.btnTodayEn {
    background-position: 0 -95px;
}

.btnTodayEnOver {
    background-position: 0 -60px;
}

.calendarDiv {
    cursor: default;
    position: absolute;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.calendarHeader, .calendarHeader2, .calendarDay, .calendarEnabled {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
    font-weight: normal;
    color: #FFF;
    text-align: center;
}

.calendarHeader {
    font-size: 16px;
    margin-bottom: 6px;
}

.calendarHeader2 {
    font-size: 13px;
}

.calendarDay {
  font-size: 11px;
}

.calendarDisabled {
    color: #88B1C1;
}

.calendarC {
    color: #64D456;
}

.calendarTR {
    color: #FFFFFF;
}

.calendarD {
    color: #70F0F2;
}

.calendarDiv .divJours{
   background: url(img/bck_calendar.png) 0 0 repeat-x;
}

.calendarDiv .divJours,
.calendarDiv .calendarLegend {
   -webkit-box-shadow: 5px 5px 50px 1px #696969;
   box-shadow: 5px 5px 50px 1px #696969
}

.calendarDiv .calendarClose{
	position: absolute;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background-image: url(img/close_calendar.png);
  z-index: 2;
  cursor: hand;
  cursor: pointer;
}

.calendarDiv .calendarPrev, .calendarDiv .calendarNext{
	position: absolute;
  width: 32px;
  height: 32px;
  overflow: hidden;
  background-image: url(img/prec_calendar.png);
  z-index: 2;
  cursor: hand;
  cursor: pointer;
}

.calendarDiv .calendarNext{
  background-image: url(img/next_calendar.png);
}

.mixtrSelectControl {
    width: 400px;
    height: 13px;
    /*overflow: hidden;*/
    background-image: url(img/select.gif);
    background-repeat: no-repeat;
    cursor: default;
    padding: 4px 0px 4px 8px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFF;
    margin: 0;
    float: left;
    position: relative;
    z-index: 100;
	line-height: 15px; /* explicite pour intégration site externe */
}

.mixtrSelect {
    background-color: #515151;
    position: absolute;
    top: 21px;
    left: 1px;
    cursor: default;
    width: 122px;
    z-index: 110;
}

.mixtrSelectContent {
    width: 107px;
    height: 400px;
    overflow: hidden;
    float:left;
    z-index: 250;
}

.mixtrSelectContent div {
    width: 100%;
    height: 16px;
    overflow: hidden;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 2px 0px 2px 5px;
}

.mixtrSelectScrollbar {
    width: 15px;
    height: 400px;
    background-color: #2E2E2E;
    float:left;
}

.mixtrSelectScrollbarBtnTop, .mixtrSelectScrollbarBtnBottom {
    background-image: url(img/select.gif);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    table-layout: fixed;
}

.mixtrSelectScrollbarBtnTop {
    background-position: -25px -31px;
}

.mixtrSelectScrollbarBtnBottom {
    background-position: 0px -31px;
}

.mixtrSelectScrollbarScrollbar {
    width: 15px;
    height: 370px;
    position: relative;
}

.mixtrSelectScrollbarScrollbar div {
    width: 15px;
    background-color: #515151;
    position: absolute;
    top: 0px;
    left: 0px;
}

.mixtrSelectMobile {
    width: 124px;
    height: 21px;
    overflow: hidden;
    background-image: url(img/select.gif);
    background-repeat: no-repeat;
    cursor: default;
    margin: 0;
    float: left;
    position: relative;
    z-index: 100;
}

.mixtrSelectMobile select {
    background: transparent;
    width: 135px;
    height: 21px;
    padding: 0 0 0 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFF;
    border: none;
}

.topLeftLabel {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
    font-weight: normal;
    font-size:10px;
    color: #000;
    text-align: left;
    float: left;
    padding: 1px 0 0 15px;
    
}

.infoBulleTitre, .infoBulleTexte {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFF;
}

.infoBulleTitre {
    font-size: 12px;
    font-weight: bold;
    padding: 18px 5px 0 5px;
}

.infoBulleTexte {
    font-size: 13px;
    padding: 5px 5px 0 5px;
	line-height: 17px; /* explicite pour intégration site externe */
}

.jourPrecDiv {
  position: absolute;
  width: 12px;
  height: 35px;
  left: 2px;
  overflow: hidden;
  background-image: url(img/left_calendar.png);
  z-index: 2;
  cursor: pointer;
}

.jourNextDiv {
  position: absolute;
  width: 12px;
  height: 35px;
  overflow: hidden;
  background-image: url(img/right_calendar.png);
  z-index: 2;
  cursor: pointer;
}

.indicateurQualite {
  position: absolute;
  width: 120px;
  height: 27px;
  top: 88px;
  left: 12px;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  font-weight: normal;
  font-size:11px;
  color: #000;
}
#reg .indicateurQualite,
#reg1 .indicateurQualite,
#reg2 .indicateurQualite {
	
	line-height: 19px;
}

.translucide {
  filter : alpha(opacity=15);
  opacity : 0.15;
}



/*
Actions filières
*/

.actionFiliere {
    width: 16px;
    height: 12px;
    margin: 0 1px;
    background: url(img/actions_filieres.png) 0 0 no-repeat;
    float: right;
}

.consoChartAction {
		font-size: 10px;
    font-weight: bold;
    text-align: right;
}

.actionVisible.actionPr_visionJ_Global_France 		{ background-position: -1px   0; }
.actionVisible.actionPr_visionJ-1_Global_France 	{ background-position: -19px  0; }
.actionVisible.actionFioul_Global 								{ background-position: -37px  0; }
.actionVisible.actionCharbon_Global 							{ background-position: -55px  0; }
.actionVisible.actionGaz_Global 									{ background-position: -73px  0; }
.actionVisible.actionThermique_Global 						{ background-position: -73px  0; }
.actionVisible.actionHydraulique_Global 					{ background-position: -91px  0; }
.actionVisible.actionNucl_aire_Global 						{ background-position: -109px 0; }
.actionVisible.actionSolaire_Global 							{ background-position: -127px 0; }
.actionVisible.actionEolien_Global 								{ background-position: -145px 0; }
.actionVisible.actionAutres_Global 								{ background-position: -163px 0; }
.actionVisible.actionPompage_Global 							{ background-position: -181px 0; }
.actionVisible.actionSolde_Global 								{ background-position: -199px 0; }
.actionVisible.actionGaz_COG 											{ background-position: -217px 0; }
.actionVisible.actionGaz_CCG 											{ background-position: -235px 0; }
.actionVisible.actionGaz_TAC 											{ background-position: -253px 0; }
.actionVisible.actionGaz_AUT 											{ background-position: -271px 0; }
.actionVisible.actionHydraulique_LAC 							{ background-position: -289px 0; }
.actionVisible.actionHydraulique_STT 							{ background-position: -307px 0; }
.actionVisible.actionHydraulique_FEE 							{ background-position: -325px 0; }
.actionVisible.actionFioul_TAC 										{ background-position: -343px 0; }
.actionVisible.actionFioul_AUT 										{ background-position: -361px 0; }
.actionVisible.actionFioul_COG 										{ background-position: -379px 0; }
.actionVisible.actionAutres_BGA 									{ background-position: -397px 0; }
.actionVisible.actionAutres_BMA 									{ background-position: -415px 0; }
.actionVisible.actionAutres_DEC 									{ background-position: -433px 0; }

.actionHidden.actionPr_visionJ_Global_France 		{ background-position: -1px   -14px; }
.actionHidden.actionPr_visionJ-1_Global_France 	{ background-position: -19px  -14px; }
.actionHidden.actionFioul_Global 								{ background-position: -37px  -14px; }
.actionHidden.actionCharbon_Global 							{ background-position: -55px  -14px; }
.actionHidden.actionGaz_Global 									{ background-position: -73px  -14px; }
.actionHidden.actionThermique_Global 						{ background-position: -73px  -14px; }
.actionHidden.actionHydraulique_Global 					{ background-position: -91px  -14px; }
.actionHidden.actionNucl_aire_Global 						{ background-position: -109px -14px; }
.actionHidden.actionSolaire_Global 							{ background-position: -127px -14px; }
.actionHidden.actionEolien_Global 							{ background-position: -145px -14px; }
.actionHidden.actionAutres_Global 							{ background-position: -163px -14px; }
.actionHidden.actionPompage_Global 							{ background-position: -181px -14px; }
.actionHidden.actionSolde_Global 								{ background-position: -199px -14px; }
.actionHidden.actionGaz_COG 										{ background-position: -217px -14px; }
.actionHidden.actionGaz_CCG 										{ background-position: -235px -14px; }
.actionHidden.actionGaz_TAC 										{ background-position: -253px -14px; }
.actionHidden.actionGaz_AUT 										{ background-position: -271px -14px; }
.actionHidden.actionHydraulique_LAC 						{ background-position: -289px -14px; }
.actionHidden.actionHydraulique_STT 						{ background-position: -307px -14px; }
.actionHidden.actionHydraulique_FEE 						{ background-position: -325px -14px; }
.actionHidden.actionFioul_TAC 									{ background-position: -343px -14px; }
.actionHidden.actionFioul_AUT 									{ background-position: -361px -14px; }
.actionHidden.actionFioul_COG 									{ background-position: -379px -14px; }
.actionHidden.actionAutres_BGA 									{ background-position: -397px -14px; }
.actionHidden.actionAutres_BMA 									{ background-position: -415px -14px; }
.actionHidden.actionAutres_DEC 									{ background-position: -433px -14px; }

.actionArea.actionPr_visionJ_Global_France 		{ background-position: -1px   -25px; }
.actionArea.actionPr_visionJ-1_Global_France 	{ background-position: -19px  -25px; }
.actionArea.actionFioul_Global 								{ background-position: -37px  -25px; }
.actionArea.actionCharbon_Global 							{ background-position: -55px  -25px; }
.actionArea.actionGaz_Global 									{ background-position: -73px  -25px; }
.actionArea.actionThermique_Global 						{ background-position: -73px  -25px; }
.actionArea.actionHydraulique_Global 					{ background-position: -91px  -25px; }
.actionArea.actionNucl_aire_Global 						{ background-position: -109px -25px; }
.actionArea.actionSolaire_Global 							{ background-position: -127px -25px; }
.actionArea.actionEolien_Global 							{ background-position: -145px -25px; }
.actionArea.actionAutres_Global 							{ background-position: -163px -25px; }
.actionArea.actionPompage_Global 							{ background-position: -181px -25px; }
.actionArea.actionSolde_Global 								{ background-position: -199px -25px; }
.actionArea.actionGaz_COG 										{ background-position: -217px -25px; }
.actionArea.actionGaz_CCG 										{ background-position: -235px -25px; }
.actionArea.actionGaz_TAC 										{ background-position: -253px -25px; }
.actionArea.actionGaz_AUT 										{ background-position: -271px -25px; }
.actionArea.actionHydraulique_LAC 						{ background-position: -289px -25px; }
.actionArea.actionHydraulique_STT 						{ background-position: -307px -25px; }
.actionArea.actionHydraulique_FEE 						{ background-position: -325px -25px; }
.actionArea.actionFioul_TAC 									{ background-position: -343px -25px; }
.actionArea.actionFioul_AUT 									{ background-position: -361px -25px; }
.actionArea.actionFioul_COG 									{ background-position: -379px -25px; }
.actionArea.actionAutres_BGA 									{ background-position: -397px -25px; }
.actionArea.actionAutres_BMA 									{ background-position: -415px -25px; }
.actionArea.actionAutres_DEC 									{ background-position: -433px -25px; }

.actionCurve.actionPr_visionJ_Global_France 	{ background-position: -1px   -37px; }
.actionCurve.actionPr_visionJ-1_Global_France { background-position: -19px  -37px; }
.actionCurve.actionFioul_Global 							{ background-position: -37px  -37px; }
.actionCurve.actionCharbon_Global 						{ background-position: -55px  -37px; }
.actionCurve.actionGaz_Global 								{ background-position: -73px  -37px; }
.actionCurve.actionThermique_Global 					{ background-position: -73px  -37px; }
.actionCurve.actionHydraulique_Global 				{ background-position: -91px  -37px; }
.actionCurve.actionNucl_aire_Global 					{ background-position: -109px -37px; }
.actionCurve.actionSolaire_Global 						{ background-position: -127px -37px; }
.actionCurve.actionEolien_Global 							{ background-position: -145px -37px; }
.actionCurve.actionAutres_Global 							{ background-position: -163px -37px; }
.actionCurve.actionPompage_Global 						{ background-position: -181px -37px; }
.actionCurve.actionSolde_Global 							{ background-position: -199px -37px; }
.actionCurve.actionGaz_COG 										{ background-position: -217px -37px; }
.actionCurve.actionGaz_CCG 										{ background-position: -235px -37px; }
.actionCurve.actionGaz_TAC 										{ background-position: -253px -37px; }
.actionCurve.actionGaz_AUT 										{ background-position: -271px -37px; }
.actionCurve.actionHydraulique_LAC 						{ background-position: -289px -37px; }
.actionCurve.actionHydraulique_STT 						{ background-position: -307px -37px; }
.actionCurve.actionHydraulique_FEE 						{ background-position: -325px -37px; }
.actionCurve.actionFioul_TAC 									{ background-position: -343px -37px; }
.actionCurve.actionFioul_AUT 									{ background-position: -361px -37px; }
.actionCurve.actionFioul_COG 									{ background-position: -379px -37px; }
.actionCurve.actionAutres_BGA 								{ background-position: -397px -37px; }
.actionCurve.actionAutres_BMA 								{ background-position: -415px -37px; }
.actionCurve.actionAutres_DEC 								{ background-position: -433px -37px; }

.actionDetail.actionPr_visionJ_Global_France 	 { background-position: -1px   -48px; }
.actionDetail.actionPr_visionJ-1_Global_France { background-position: -19px  -48px; }
.actionDetail.actionFioul_Global 							 { background-position: -37px  -48px; }
.actionDetail.actionCharbon_Global 						 { background-position: -55px  -48px; }
.actionDetail.actionGaz_Global 								 { background-position: -73px  -48px; }
.actionDetail.actionThermique_Global 					 { background-position: -73px  -48px; }
.actionDetail.actionHydraulique_Global 				 { background-position: -91px  -48px; }
.actionDetail.actionNucl_aire_Global 					 { background-position: -109px -48px; }
.actionDetail.actionSolaire_Global 						 { background-position: -127px -48px; }
.actionDetail.actionEolien_Global 						 { background-position: -145px -48px; }
.actionDetail.actionAutres_Global 						 { background-position: -163px -48px; }
.actionDetail.actionPompage_Global 						 { background-position: -181px -48px; }
.actionDetail.actionSolde_Global 							 { background-position: -199px -48px; }
.actionDetail.actionGaz_COG 									 { background-position: -217px -48px; }
.actionDetail.actionGaz_CCG 									 { background-position: -235px -48px; }
.actionDetail.actionGaz_TAC 									 { background-position: -253px -48px; }
.actionDetail.actionGaz_AUT 									 { background-position: -271px -48px; }
.actionDetail.actionHydraulique_LAC 					 { background-position: -289px -48px; }
.actionDetail.actionHydraulique_STT 					 { background-position: -307px -48px; }
.actionDetail.actionHydraulique_FEE 					 { background-position: -325px -48px; }
.actionDetail.actionFioul_TAC 								 { background-position: -343px -48px; }
.actionDetail.actionFioul_AUT 								 { background-position: -361px -48px; }
.actionDetail.actionFioul_COG 								 { background-position: -379px -48px; }
.actionDetail.actionAutres_BGA 								 { background-position: -397px -48px; }
.actionDetail.actionAutres_BMA 								 { background-position: -415px -48px; }
.actionDetail.actionAutres_DEC 								 { background-position: -433px -48px; }


#energie .consoChartTextBottom {
	width: 80px;
}

#energie .Configuration {
	position: absolute;
	margin-top: 2px;
	right: 8px;
}

#energie .controleRetour {
	padding-top: 4px;
	background: url(img/controles_filieres.gif) 0 5px no-repeat;
	margin-left: 15px;
}

#energie .configurationPanel {
	top: 0px;
	bottom: 0px;
	height: auto;
}


#energie .configurationPanel #divPositif {
	height: auto;
}

#energie .configurationPanel #controle {
	height: auto;
}

#energie .configurationPanel div ul.ui-sortable li {
	margin: 10px 2px;
	width: 31%;
	height: 30px
}

#energie .configurationPanel.configurationPanelF2 div ul.ui-sortable li{
	width : 100px;
	height : 15px;
}

#energie .configurationPanel.configurationRegionPanel.configurationPanelF2{
	height: 220px;
}

#energie .configurationPanel.configurationRegionPanel.configurationPanelF2 div ul.ui-sortable li{
	width : 31%;
	height : 15px;
}

#energie .configurationPanel.configurationPanelF2 #divPositif{
	height : 98px;
}

#energie .configurationPanel #controles{
	bottom: 0;
	position: absolute;
	right: 0;
}

#energie .configurationRegionPanel {
	left: 0;
}

#energie .configurationRegionPanel div ul.ui-sortable li {
	width: 31%;
	height: 30px;
}

#energie .topDiv {
    display: -ms-flexbox;
    display: -webkit-flex; 
    display: flex;
    -ms-flex-align : center;
    align-items : center;
    -ms-flex-direction: column;
		-webkit-flex-direction: column; 
    flex-direction: column;
    margin-bottom: 15px;
}

#energie #divMapLegend {
    display: -ms-flexbox;
    display: -webkit-flex;     
    display: flex;
    -ms-flex-direction: column;
		-webkit-flex-direction: column; 
    flex-direction: column;
    -ms-flex-align : center;
    align-items: center;
}

#energie #divMapLegend #regionDivSelect{
    height: 14px;
    margin: 0;
}

#energie .divChartRegion {
	clear: both;
	margin-top: 5px;
}

#energie .indicateurQualite {
	top: 5px;
}

#energie .nomRegionTd {
	float: left;
	margin-bottom: 10px;
}

#energie .divChartRegion:before {
	content: "";
	position: absolute;
	right : 10px;
	left: 10px;
	background: url(img/region_separator_bck.gif) 0 0px repeat-x;
	height: 5px;
	margin-top: -5px;
}

/*Energie labels*/
#energie .regionLabelsTable {
	border : 1px solid #C0C0C0;
	margin : -3px 15px 0 15px; 	
	position : relative;
}

#energie .regionLabelsTable .content {
	display: -ms-flexbox;
  display: -webkit-flex; 
	display: flex;
	position: relative;
}

#energie .regionLabelsTableMF1,
#energie .regionLabelsTableMR1 {
	border-width: 0px;
}

#energie .regionLabelsTableMF1 .content {
	-ms-flex-pack: center;
	justify-content: center;
}

#energie .regionLabelsTableMF1 .divLabel,
#energie .regionLabelsTableMR1 .divLabel {
	/*-ms-flex: 0;
	-webkit-flex: 0;
	flex: 0;*/
}

#energie .regionLabelsTableMR1 table {
	width: 200px;
}

#energie .regionLabelsTableMF1 table{
	width: 200px;
}

#energie .regionLabelsTableDetailHaut .topSerie .consoChartValue,
#energie .regionLabelsTableMF1 .consoChartValue,
#energie .regionLabelsTableMR1 .consoChartValue{
	font-size: 35px;
	line-height: 37px;
}

#energie .regionLabelsTableDetailHaut .topSerie .consoChartUnit,
#energie .regionLabelsTableMF1 .consoChartUnit,
#energie .regionLabelsTableMR1 .consoChartUnit{
	font-size: 15px;
	line-height: 22px;
}

#energie .regionLabelsTableDetailHaut .topSerie .consoChartLabel,
#energie .regionLabelsTableMF1 .consoChartLabel,
#energie .regionLabelsTableMR1 .consoChartLabel{
	font-size: 15px;
}

#energie .regionLabelsTableF2 {
	border-width: 0px;
}

#energie .regionLabelsTableF2 .divLabel {
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	margin: 10px 2px;
}

#energie .regionLabelsTableF2 table {
	width: 100%;
}

#energie .regionLabelsTableMR2 {
	border-width: 0px;
	margin: 0;
}

#energie .regionLabelsTableMR2 .divLabel {
	margin: 10px 2px;
	width : 32%;
	float: left;
}

#energie .regionLabelsTableMR2 table {
	width: 100%;
	border-spacing: 0px;
}

#energie .regionLabelsTableMR2 .content {
	display: block;
}

#energie .regionLabelsTableMR2 .consoChartUnit {
  font-weight: bold;
}

#energie .regionLabelsTableMR2 .divLabel.selected {
	border: 1px solid #AEC4DD;
	border-radius: 3px;
	padding: 1px;
	margin: 8px 2px;
}

#energie .regionLabelsTableAF3 {
	border-width: 0px;
}
#energie .regionLabelsTableAF3 .content {
	display: block;
}

#energie .regionLabelsTableAF3 .divLabel {
	margin: 10px 2px 5px 2px;
	width : 129px;
	float: left;
}

#energie .regionLabelsTableAF3 .divLabel#divLabel_solde-exp {
	float: right;
	clear: left;
}

#energie .regionLabelsTableAF3 table {
	width: 100%;
}

#energie .regionLabelsTableDetail {
	display: -ms-flexbox;
  display: -webkit-flex; 
	display: flex;
}

#energie .regionLabelsTableDetail .content {
	-ms-flex: 3;
	-webkit-flex: 3;
	flex: 3;
	display: block;
}

#energie .regionLabelsTableDetail .divLabel {
	margin: 10px 2px;
	width : 32%;
	float: left;
}

#energie .regionLabelsTableDetail .divLabel:nth-child(3n+1) {
	clear: left;
}

#energie .regionLabelsTableDetail .topSerie {
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	background-color: #F6F6F6;
	margin: 0;
	padding: 10px 24px 10px 10px;
	position: relative;
	border-right: 1px solid #C0C0C0;
}

#energie .regionLabelsTableDetail .topSerie:after,
#energie .regionLabelsTableDetail .topSerie:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	right:0;
	top: 28px;
	border: 15px solid red;
	border-top-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
}

#energie .regionLabelsTableDetail .topSerie:before {
	border-right-color: #B0B0B0;
}
#energie .regionLabelsTableDetail .topSerie:after {
	border-right-color: #FFFFFF;
	right: -1px;
}

#energie .regionLabelsTableDetail table,
#energie .regionLabelsTableDetailHaut table {
	width: 100%;
}

#energie .regionLabelsTableDetail .consoChartLabel {
  /*height: 34px;*/
  vertical-align: top;
}

#energie .regionLabelsTableDetailHaut {
	display: -ms-flexbox;
  display: -webkit-flex; 
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column; 
	flex-direction: column;
	border: 0px solid #C0C0C0;
	margin: 5px 0 0 0;
}

#energie .regionLabelsTableDetailHaut .divLabel {
	margin: 5px 2px;
	width : 49%;
	float: left;
}

#energie .regionLabelsTableDetailHaut .topSerie {
	/*background-color: #F6F6F6;*/
	margin: 0;
	/*padding: 10px 24px 10px 10px;*/
	position: relative;
	border-bottom: 1px solid #C0C0C0;
	width: auto;
}

#energie .regionLabelsTableDetailHaut .topSerie table {
	width: 49%;
}

#energie .regionLabelsTableDetailHaut .topSerie:after,
#energie .regionLabelsTableDetailHaut .topSerie:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	bottom:0;
	left: 100px;
	border: 15px solid red;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}

#energie .regionLabelsTableDetailHaut .topSerie:before {
	border-bottom-color: #B0B0B0;
}
#energie .regionLabelsTableDetailHaut .topSerie:after {
	border-bottom-color: #FFFFFF;
	bottom: -1px;
}

#energie .regionDivDropDown {
	left: 0;	
}

#energie .breadcrumb {
	  border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(180,180,180,0.75);
    overflow: hidden;
    border: 1px solid #C0C0C0;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 2;
    width: auto;
    background-color: #FFFFFF;
    align-self: center;
}

#energie .breadcrumbLvl {
	display: inline-block;
  font-size: 12px;
  color: #87898c;
  position: relative;
  background-color: #F6F6F6;	
  padding: 6px 10px;
  cursor: pointer;
  z-index: 3;
}
#energie .breadcrumbLvlSep {
	padding-left: 17px;
}

#energie .breadcrumbLvlCurrent {
	background-color: #FFFFFF;	
}

#energie .breadcrumbLvlSep:after,
#energie .breadcrumbLvlSep:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	border: 14px solid red;
	border-left-width: 10px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	left: 0;
	top: -1px;
}

#energie .breadcrumbLvlSep:before {
	border-left-color: #B0B0B0;
}
#energie .breadcrumbLvlSep:after {
	border-left-color: #F6F6F6;
	left: -1px;
}

#energie #label_ech-db .consoChartLabel {
	letter-spacing: -1.2px;
}

/*energie action*/
#energie .actionFiliere {
    background: url(img/actions_filieres_nrj.png) 0 0 no-repeat;
}

#energie .actionVisible.actionconsommation-total 	 					{ background-position: 0	     0; }
#energie .actionVisible.actiongrande-ind-pme-pmi 	 					{ background-position: -18px   0; }
#energie .actionVisible.actionparticuliers-pro 	 						{ background-position: -36px   0; }
#energie .actionVisible.actionperte 	 											{ background-position: -54px   0; }
#energie .actionVisible.actionenergie-industrie-agriculture	{ background-position: -72px   0; }
#energie .actionVisible.actiontertiaire-telecom-transports 	{ background-position: -90px   0; }
#energie .actionVisible.actionparticuliers 				 					{ background-position: -108px  0; }
#energie .actionVisible.actionprofessionnels 	 							{ background-position: -126px  0; }
#energie .actionVisible.actionagriculture-industrie 				{ background-position: -144px  0; }
#energie .actionVisible.actionenergie-mineraux 	 						{ background-position: -162px  0; }
#energie .actionVisible.actionchimie 	 											{ background-position: -180px  0; }
#energie .actionVisible.actionautomobile 	 									{ background-position: -198px  0; }
#energie .actionVisible.actionmetallurgie-mecanique 	 			{ background-position: -216px  0; }
#energie .actionVisible.actionmineraux-materiaux 	 					{ background-position: -234px  0; }
#energie .actionVisible.actionpapier-carton 	 							{ background-position: -252px  0; }
#energie .actionVisible.actionsiderurgie 	 									{ background-position: -270px  0; }
#energie .actionVisible.actionautres 	 											{ background-position: -288px  0; }
#energie .actionVisible.actiontransport-telecom 	 					{ background-position: -306px  0; }
#energie .actionVisible.actiontertiaire 	 									{ background-position: -324px  0; }
#energie .actionVisible.actionprod-bionergies 	 						{ background-position: -342px  0; }
#energie .actionVisible.actionprod-eolien 	 								{ background-position: -360px  0; }
#energie .actionVisible.actionprod-hydraulique 	 						{ background-position: -378px  0; }
#energie .actionVisible.actionprod-nucleaire 	 							{ background-position: -396px  0; }
#energie .actionVisible.actionprod-pv 	 										{ background-position: -414px  0; }
#energie .actionVisible.actionprod-thermique 	 							{ background-position: -432px  0; }
#energie .actionVisible.actionprod-therm-charbon 	 					{ background-position: -450px  0; }
#energie .actionVisible.actionprod-therm-fioul 	 						{ background-position: -468px  0; }
#energie .actionVisible.actionprod-therm-gaz 	 							{ background-position: -486px  0; }
#energie .actionVisible.actionech-uk				 	 							{ background-position: -504px  0; }
#energie .actionVisible.actionech-es				 	 							{ background-position: -522px  0; }
#energie .actionVisible.actionech-it				 	 							{ background-position: -540px  0; }
#energie .actionVisible.actionech-ch				 	 							{ background-position: -558px  0; }
#energie .actionVisible.actionech-db				 	 							{ background-position: -576px  0; }
#energie .actionVisible.actionsolde-exp			 	 							{ background-position: -594px  0; }

#energie .actionHidden.actionconsommation-total 	 					{ background-position: 0	     -14px; }
#energie .actionHidden.actiongrande-ind-pme-pmi 	 					{ background-position: -18px   -14px; }
#energie .actionHidden.actionparticuliers-pro 	 						{ background-position: -36px   -14px; }
#energie .actionHidden.actionperte 	 												{ background-position: -54px   -14px; }
#energie .actionHidden.actionenergie-industrie-agriculture	{ background-position: -72px   -14px; }
#energie .actionHidden.actiontertiaire-telecom-transports 	{ background-position: -90px   -14px; }
#energie .actionHidden.actionparticuliers 				 					{ background-position: -108px  -14px; }
#energie .actionHidden.actionprofessionnels 	 							{ background-position: -126px  -14px; }
#energie .actionHidden.actionagriculture-industrie 					{ background-position: -144px  -14px; }
#energie .actionHidden.actionenergie-mineraux 	 						{ background-position: -162px  -14px; }
#energie .actionHidden.actionchimie 	 											{ background-position: -180px  -14px; }
#energie .actionHidden.actionautomobile 	 									{ background-position: -198px  -14px; }
#energie .actionHidden.actionmetallurgie-mecanique 	 				{ background-position: -216px  -14px; }
#energie .actionHidden.actionmineraux-materiaux 	 					{ background-position: -234px  -14px; }
#energie .actionHidden.actionpapier-carton 	 								{ background-position: -252px  -14px; }
#energie .actionHidden.actionsiderurgie 	 									{ background-position: -270px  -14px; }
#energie .actionHidden.actionautres 	 											{ background-position: -288px  -14px; }
#energie .actionHidden.actiontransport-telecom 	 						{ background-position: -306px  -14px; }
#energie .actionHidden.actiontertiaire 	 										{ background-position: -324px  -14px; }
#energie .actionHidden.actionprod-bioenergies 	 						{ background-position: -342px  -14px; }
#energie .actionHidden.actionprod-eolien 	 									{ background-position: -360px  -14px; }
#energie .actionHidden.actionprod-hydraulique 	 						{ background-position: -378px  -14px; }
#energie .actionHidden.actionprod-nucleaire 	 							{ background-position: -396px  -14px; }
#energie .actionHidden.actionprod-pv 	 											{ background-position: -414px  -14px; }
#energie .actionHidden.actionprod-thermique 	 							{ background-position: -432px  -14px; }
#energie .actionHidden.actionprod-therm-charbon 	 					{ background-position: -450px  -14px; }
#energie .actionHidden.actionprod-therm-fioul 	 						{ background-position: -468px  -14px; }
#energie .actionHidden.actionprod-therm-gaz 	 							{ background-position: -486px  -14px; }
#energie .actionHidden.actionech-uk					 	 							{ background-position: -504px  -14px; }
#energie .actionHidden.actionech-es					 	 							{ background-position: -522px  -14px; }
#energie .actionHidden.actionech-it					 	 							{ background-position: -540px  -14px; }
#energie .actionHidden.actionech-ch					 	 							{ background-position: -558px  -14px; }
#energie .actionHidden.actionech-db					 	 							{ background-position: -576px  -14px; }
#energie .actionHidden.actionsolde-exp			 	 							{ background-position: -594px  -14px; }

#energie .actionDetail.actionconsommation-total 	 					{ background-position: 0	     -25px; }
#energie .actionDetail.actiongrande-ind-pme-pmi 	 					{ background-position: -18px   -25px; }
#energie .actionDetail.actionparticuliers-pro 	 						{ background-position: -36px   -25px; }
#energie .actionDetail.actionperte 	 												{ background-position: -54px   -25px; }
#energie .actionDetail.actionenergie-industrie-agriculture	{ background-position: -72px   -25px; }
#energie .actionDetail.actiontertiaire-telecom-transports 	{ background-position: -90px   -25px; }
#energie .actionDetail.actionparticuliers 				 					{ background-position: -108px  -25px; }
#energie .actionDetail.actionprofessionnels 	 							{ background-position: -126px  -25px; }
#energie .actionDetail.actionagriculture-industrie 					{ background-position: -144px  -25px; }
#energie .actionDetail.actionenergie-mineraux 	 						{ background-position: -162px  -25px; }
#energie .actionDetail.actionchimie 	 											{ background-position: -180px  -25px; }
#energie .actionDetail.actionautomobile 	 									{ background-position: -198px  -25px; }
#energie .actionDetail.actionmetallurgie-mecanique 	 				{ background-position: -216px  -25px; }
#energie .actionDetail.actionmineraux-materiaux 	 					{ background-position: -234px  -25px; }
#energie .actionDetail.actionpapier-carton 	 								{ background-position: -252px  -25px; }
#energie .actionDetail.actionsiderurgie 	 									{ background-position: -270px  -25px; }
#energie .actionDetail.actionautres 	 											{ background-position: -288px  -25px; }
#energie .actionDetail.actiontransport-telecom 	 						{ background-position: -306px  -25px; }
#energie .actionDetail.actiontertiaire 	 										{ background-position: -324px  -25px; }
#energie .actionDetail.actionprod-bioenergies 	 						{ background-position: -342px  -25px; }
#energie .actionDetail.actionprod-eolien 	 									{ background-position: -360px  -25px; }
#energie .actionDetail.actionprod-hydraulique 	 						{ background-position: -378px  -25px; }
#energie .actionDetail.actionprod-nucleaire 	 							{ background-position: -396px  -25px; }
#energie .actionDetail.actionprod-pv 	 											{ background-position: -414px  -25px; }
#energie .actionDetail.actionprod-thermique 	 							{ background-position: -432px  -25px; }
#energie .actionDetail.actionprod-therm-charbon 	 					{ background-position: -450px  -25px; }
#energie .actionDetail.actionprod-therm-fioul 	 						{ background-position: -468px  -25px; }
#energie .actionDetail.actionprod-therm-gaz 	 							{ background-position: -486px  -25px; }
#energie .actionDetail.actionech-uk					 	 							{ background-position: -504px  -25px; }
#energie .actionDetail.actionech-es					 	 							{ background-position: -522px  -25px; }
#energie .actionDetail.actionech-it					 	 							{ background-position: -540px  -25px; }
#energie .actionDetail.actionech-ch					 	 							{ background-position: -558px  -25px; }
#energie .actionDetail.actionech-db					 	 							{ background-position: -576px  -25px; }
#energie .actionDetail.actionsolde-exp			 	 							{ background-position: -594px  -25px; }

.controleRetour {
	font-family: Arial;	
	font-size: 12px;
	color: #ADADAD;
	padding-left: 20px;
	padding-top: 10px;
	background: url(img/controles_filieres.gif) 0 12px no-repeat;
	cursor: pointer;
	float: left;
}

.detailArrow {
	width: 19px;
	height: 38px;
	background: url(img/detail_arrow.gif) 0 0 no-repeat;
	margin: -50px -51px 0 0;
	float: right;
}

/* Configuration Panel */
.Configuration {
	font-family: Arial;	
	font-size: 12px;
	color: #ADADAD;
	height: 20px;
}

.configurer {
	padding-left: 22px;
	padding-top: 0px;
	background: url(img/controles_filieres.gif) 0 -11px no-repeat;
	cursor: pointer;
	height: 17px;
	line-height: 18px;
	width: 70px;
	float: right;
}

.reinit {
	padding-left: 22px;
	padding-top: 0px;
	background: url(img/controles_filieres.gif) 0 -28px no-repeat;
	cursor: pointer;
	height: 17px;
	line-height: 18px;
	width: 65px;
	float: right;
}

#configurationMask {
	position: absolute;
	background-color: #FFF;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1001;
	filter:alpha(opacity=65); 
	-moz-opacity:0.65; 
	opacity: 0.65; 
}

.configurationPanel {
	position: absolute;
	background-color : #FFF;
	bottom: 0px;
	right: 0px;
	left: 0px;
	z-index: 1002;
	display:none;
}

.configurationDetailPanel {
	background-color : transparent;
	bottom: 20px;
}

.configurationRegionPanel {
	top: 165px;
	left: 275px;
	bottom: auto;
	height: 220px;
}

.configurationPanel div {
	background-color : #F3FCFB;
	height: 150px;
	padding-left: 12px;
}

.configurationDetailPanel div {
	height: 70px;
	margin-left: 180px;
	background-color: #FFFFFF;
	margin-bottom: 1px;
	margin-right: 65px;
	margin-top: 9px;
	padding-left: 0px;
}

.configurationRegionPanel div#divPositif {
	height: 180px;
	background-color : transparent;
}

.configurationRegionPanel div#divNegatif {
	display: none;
}

.configurationPanel div ul.ui-sortable {
	list-style: none;
	margin: 0;
	padding: 0px;
}

.configurationPanel div ul.ui-sortable li{
	/*display: inline-block;*/
	width : 100px;
	height : 15px;
	font-family: Arial;
	font-size: 12px;
	line-height: 16px; /* explicite pour intégration site externe */
	font-weight: bold;
	text-align: center;
	border : 2px dashed #000;
	margin: 10px 3px;
	padding: 15px 0;
	float: left;
	background-color: #F3FCFB;
}

.configurationDetailPanel div ul.ui-sortable li{
	margin: 0 3px;
	background-color: #FFFFFF;
}

.configurationRegionPanel div ul.ui-sortable li{
	background-color: #FFFFFF;
	width : 120px;
	margin: 15px 3px;
}

.configurationPanel div #spacer {
	background-color : #FFF;
	position: absolute;
	width: 320px;
	bottom: 30px;
	right: 0;
	height: 80px;
}

.configurationPanel div div div {
	background-color : #FCF7F6;
	position: absolute;
	width: 230px;
	bottom: 0;
	right: 0;
	padding: 4px 3px 0 20px;
	height: 72px;
}

.configurationPanel div ul#ulNegatif li{
	margin-top: 1px;
	background-color: #FCF7F6;
}

.configurationPanel #controles {
	background-color : #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	padding-top: 5px;
	margin: 0;
}

.configurationDetailPanel #controles {
	height: 20px;
	padding-top: 0px;
	margin: 5px 0px;
}

.configurationPanel #controles div{
	background-color: #FFFFFF;
	width: 70px;
	float: right;
	height: 15px;
	padding-left: 25px;
	line-height: 16px;
	cursor: pointer;
}

.configurationDetailPanel #controles div{
	margin-left: 0px;
	margin-right: 0px;
}

.configurationPanel #controles #annuler{
	color: #C74C4C;
	background: url(img/controles_filieres.gif) 0 -59px no-repeat;
}

.configurationDetailPanel #controles #annuler{
	margin-right: 50px;
}

.configurationPanel #controles #valider{
	color: #469848;
	background: url(img/controles_filieres.gif) 0 -44px no-repeat;
}

.configurationPanel #aide,
.configurationPanel #aideEn{
	position: absolute;
	top: -240px;
	left: 133px;
	width: 415px;
	height: 240px;
	z-index: 1002;
	padding-left: 0px;
	background: url(img/aide_configuration_1.png) 0 0 no-repeat;
}

.configurationDetailPanel #aide,
.configurationDetailPanel #aideEn{
	top: -250px;
	left: 0px;
	background-image: url(img/aide_configuration_2.png);
}

.configurationRegionPanel #aide,
.configurationRegionPanel #aideEn{
	top: 220px;
	left: -130px;
	background-image: url(img/aide_configuration_3.png);
}

.configurationPanel #aideEn{
	background-image: url(img/aide_configuration_4.png);
}

.configurationDetailPanel #aideEn{
	background-image: url(img/aide_configuration_5.png);
}

.configurationRegionPanel #aideEn{
	background-image: url(img/aide_configuration_6.png);
}


/* Region */

.btnRegion {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  font-weight: normal;
  font-size:11px;
  display: inline-block;
  background: url(img/btnRegion_bck.gif) 0 34px repeat;
  height: 28px;
  border: 1px solid #C9C9C9;
  padding: 3px 23px;
  margin-top: 19px;
  line-height: 14px;
  cursor: pointer;
  text-align: center;
}

.btnRegion {
	height: auto;
}

.btnRegionCP {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.btnRegionCE {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.btnRegionP {
	border-left: none;
	border-right: none;
}

.regionSeparator{
	background: url(img/region_separator_bck.gif) 0 0px repeat;
}

.btnRegionSelected {
	background: url(img/btnRegion_bck.gif) 0 0px repeat;
  border: 1px solid #797A7C;
  color: #FFF;
  cursor: default;
}

.nomRegionTd {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold;
  font-size:11px;
}

.nomRegionTd span {
	font-size:16px;
}

.regionLabelsTable {
	font-family: Arial, Helvetica, sans-serif; 
}

.regionDivLabel {
	width: 124px;
}


.regionDivLabel.view_1,
.regionDivLabel.view_3 {
	width: 187px;
	margin-top: 20px;
}

.regionDivLabel.view_1.compareLabel,
.regionDivLabel.view_3.compareLabel {
	width: 145px;
}

.regionDivLabel.view_1 .consoChartLabel{
	font-size: 12px;
}

.regionDivLabel.view_3 .consoChartLabel{
	font-size: 12px;
}

.regionDivLabel.view_1.compareLabel .consoChartLabel{
	font-size: 15px;
}

.regionDivLabel.view_3.compareLabel .consoChartLabel{
	font-size: 10px;
}

.regionDivLabel.view_2 .consoChartValue{
	font-size: 24px;
}
.regionDivLabel.view_2.compareLabel .consoChartValue{
	font-size: 18px;
}

.regionDivLabel.view_1 .consoChartUnit,
.regionDivLabel.view_3 .consoChartUnit{
	font-size: 15px;
        line-height: 24px;
}

.regionDivLabel.view_1.compareLabel .consoChartUnit,
.regionDivLabel.view_3.compareLabel .consoChartUnit{
	font-size: 13px;
}


.regionDivLabel table {
	width: 124px;
}

.regionDivLabel.view_1 table,
.regionDivLabel.view_3 table{
	width: 187px;
	height: 84px;
}

.regionDivLabel.view_1.compareLabel table,
.regionDivLabel.view_3.compareLabel table{
	width: 145px;	
}

.regionDivLabel.selected {
	border: 1px solid #AEC4DD;
	border-radius: 3px;
	padding: 1px;
}

.regionDivLabel.selected table,
.divLabel.selected table{
	background: url(img/region_selected_techno_bck.gif) 0 0 repeat-x;
}

.regionDivSelect, 
.regionDivDropDown {
	border: 1px solid #C9C9C9;
	border-radius: 2px;
	padding: 2px 10px 2px 5px;
	margin: 0 0 0 40px;
	width: 145px;
	background: url(img/region_arrow_down.gif) 145px 7px no-repeat;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  font-weight: normal;
  font-size:11px;
}

.regionDivDropDown {
	background: none;
	background-color: #FFFFFF;
	margin-top: -1px;
	position: absolute;
	z-index: 500;
	padding: 0;
	width: 160px;
	display: none;
}

.regionDivDropDown ul.regionUlDropDown {
	list-style: none;
	margin: 0;
	padding: 0;
}

.regionDivDropDown ul.regionUlDropDown li{
	line-height: 20px;
	cursor: pointer;
	padding-left: 5px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  font-weight: normal;
  font-size:11px;
  margin: 0;
}

.regionDivDropDown ul.regionUlDropDown li:hover{
	background-color: #EDF5FE;
}

/*
TAUX TCO ET TCH SUR MIX ET REGION
*/
.regionTcoTch {
    height: 90px;
    text-align: center
}

.mixTcoTch {
    height: 80px;
    text-align: center
}

.regionTcoTch > div, .mixTcoTch > div {
    display: inline-block;
}

.regionTcoTch > div.gauge, .mixTcoTch > div.gauge {
    width: 120px;
    height: 100%;
    overflow: hidden;
}

.regionTcoTch > div.label, .mixTcoTch > div.label {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    box-sizing: border-box;
    width: 110px;
    height: 100%;
    padding-top: 40px;
    overflow: hidden;
}

.consoChartFooter .mixTcoTch {
    display: inline-block;
    width: 70%;
}

.consoChartFooter.details .mixTcoTch {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 4px;
}

.consoChartFooter.details .mixTcoTch > div.label {
    width: 150px;
}

.consoChartFooter > div > .Configuration {
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

/*
COMPARAISON
*/

.compare {
	position: fixed;
	/*position: absolute;*/
	top: 50%;
	left: 50%;
	margin-top: -298px;
	margin-left: -609px;
	background-color: #FFFFFF;
	z-index: 1000;
	box-shadow: 0 0 8PX #333;
	width: 1218px;
}

.compare object{
	display: block;
}

.compareHeader{
	background: url(img/bck_header.png) 0 0 repeat-x;
	height: 83px;
	z-index: 1;
	position: absolute;
	width: 1215px;
}

.compareHeaderConso {background-position: 0 0;}
.compareHeaderMix {background-position: 0 -110px;height: 76px;}
.compareHeaderCo2 {background-position: 0 -220px;height: 76px;}
.compareHeaderEch {background-position: 0 -330px;height: 76px;}
.compareHeaderReg {background-position: 0 -440px;}
.compareHeaderDm {background-position: 0 -550px;}
.compareHeaderExp {background-position: 0 -660px;}

.CompareChartTop0{
	background-image: url(img/top_background_compare_01.png);
}

.CompareChartTopPl0{
	background-image: url(img/top_background_compare_02.png);
}

.CompareChartTop1{
	background-image: url(img/top_background_compare_03.png);
}

.CompareChartTopPl1{
	background-image: url(img/top_background_compare_04.png);
}

.compareClose {
	right : 12px;
	top: 0;
	position: absolute;
	background-image: url(img/btn_close.png);
	width: 49px;
	height: 22px;
	z-index: 1;
}

.compareChart {
	float: left;
	margin-right: 2px;
}

.compare .consoChartContainer{
	width: 605px;
}

.compare .btnCalendar,
.compare .btnPrint,
.compare .btnMail,
.compare .btnTodayFr,
.compare .btnTodayEn,
.compare .btnCalendarOver,
.compare .btnTodayFrOver,
.compare .btnTodayEnOver,
.compare .btnPrintOver,
.compare .btnMailOver{
	z-index: 2;
	position: relative;
}

.compare .btnRegion {
	padding: 3px 17px;
}

.compare .regionTcoTch, .compare .mixTcoTch {
    height: 65px;
}

.compare .consoChartValue {
    line-height: 19px;
}

.compare .consoChartFooter .mixTcoTch {
    width: 65%;
}
.compare .consoChartFooter > div > .Configuration {
    width: 35%;
}

.compare .consoChartFooter.details .mixTcoTch {
    width: 100%;
    margin-top: 19px;
}

.compare .mixTcoTch > div.label {
    padding-top: 25px;
}

.compare table.eco2mix_dm_legende {
    margin-bottom: 5px;
}

/*
TABLEAU DE BORD
*/

.tdb {
	width: 1218px;
	height: 654px;
	position: fixed;
	/*position: absolute;*/
	top: 50%;
	left: 50%;
	margin-top: -327px;
	margin-left: -609px;
	background-color: #FFFFFF;
	z-index: 1000;
	overflow: hidden;
	box-shadow: 0 0 8PX #333;
}

.tdb object{
	display: block;
}

.tdbHeader{
	background: url(img/bck_tdb_header.png) 0 0px no-repeat;
	height: 45px;
	z-index: 1;
	position: absolute;
	width: 1215px;
}

.tdbChartTopPl0{
	background: url(img/bck_tdb_header.png) 0 -44px no-repeat;
}

.tdbChartTop1{
	background: url(img/bck_tdb_header.png) 0 -88px no-repeat;
}

.tdbChartTopPl1{
	background: url(img/bck_tdb_header.png) 0 -132px no-repeat;
}

.tdbClose {
	right : 12px;
	top: 0;
	position: absolute;
	background-image: url(img/btn_close.png);
	width: 49px;
	height: 22px;
	z-index: 1;
}

.tdbChart {
	float: left;
	margin-right: 2px;
}

.tdb .consoChartContainer{
	top : -15px;
	border-top: 1px solid #D1D1D1;
}

.tdb .co2ChartContainer,
.tdb .mixChartContainer,
.tdb .echChartContainer{
	top : -8px;
}

.tdb .reduit {
	margin-top: 1px;
}

.tdb .reduit .consoChartContainer{
	width: 524px;
	height : 150px;
	overflow: hidden;
	top: 0px;
}

.tdb #chart2 {
	margin-top : 43px;
}

.tdb .reduit .titreChart{
	font-size: 11px;
	text-align: right;
}

.tdb .reduit .consoChartFooter{
	width: 227px;
	float: right;
	padding: 8px 5px;
}

.tdb .reduit .mixChartContainer .consoChartFooter{
	width: 345px;
}

.tdb .reduit .consoChartFooter table {
	table-layout: auto;
}

.tdb .reduit .consoChartValue{
	font-size: 22px;
	width: 90px;
}

.tdb .reduit .consoChartUnit{
	font-size: 10px;
	text-align: right;
}	

.tdb .reduit .consoChartLabel{
	height: 25px;
}

.tdb .reduit .mixChartContainer .consoChartLabel,
.tdb .reduit .echChartContainer .consoChartLabel{
	font-size: 9px;
	height: 0px;
	line-height: 12px;
}

.tdb .reduit .co2ChartContainer .consoChartValue{
	padding-top: 15px;
	width: 200px;
}

.tdb .reduit .mixChartContainer .consoChartValue,
.tdb .reduit .echChartContainer .consoChartValue{
	font-size: 20px;
	line-height: 18px;
}

.tdb .reduit .mixChartContainer .consoChartSeparator,
.tdb .reduit .echChartContainer .consoChartSeparator{
	height: 2px
}

.tdb .reduit .regChartContainer .regionLabelsTable {
	padding: 8px 0;
}
.tdb .reduit .regChartContainer .consoChartValue {
	line-height: 18px;
}
.tdb .reduit .regChartContainer .consoChartLabel {
	height: 15px;
	font-size: 12px;
}
.tdb .reduit .regChartContainer .regionDivLabel.view_1 table {
	height: auto;
	width: 100%;
}
.tdb .reduit .regChartContainer .regionDivLabel.view_1 {
	width: 100%;
	margin-top: 5px;
}

.tdb .activeChart{
	background-color : #E2EDF9;
	height : 25px;
	width : 686px;
	color : #5F7A99;
	font-size : 11px;
	top: 44px;
	position: absolute;
	z-index: 1;
	text-align: center;
	line-height: 25px;
	font-family: Arial;
}

/*
.tdb .regionDivSelect{ 
	border: 0;
	padding: 0;
	margin: 10px 0 0 10px;
	width: 100px;
	background: transparent;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  font-weight: normal;
  font-size:11px;
}
*/
.tdb .consoChartContainer .consoChartTop table,
.tdb .consoChartContainer .mixChartTop table,
.tdb .consoChartContainer .co2ChartTop table,
.tdb .consoChartContainer .regChartTop table,
.tdb .consoChartContainer .echChartTop table {
	width : 1000px;
}

.tdb .btnCalendar,
.tdb .btnPrint,
.tdb .btnMail,
.tdb .btnTodayFr,
.tdb .btnTodayEn,
.tdb .btnCalendarOver,
.tdb .btnTodayFrOver,
.tdb .btnTodayEnOver,
.tdb .btnPrintOver,
.tdb .btnMailOver{
	z-index: 2;
	position: relative;
}

.tdb .divMask {
	position: relative;
	width: 524px;
	height: 150px;
	right: 0px;
	top: 41px;
	background-color: #DBDBDB;
	z-index: 500;
	opacity: 0.35;
	filter: Alpha(opacity=35);
	margin-left: 690px;
	margin-top: 3px;
}

/*******************/
/** Boutons pages **/
/*******************/

.compareBtn{
	width: 268px;
	height: 72px;
	display: inline-block;
	float: left;
	cursor: hand;
	cursor: pointer;
	background: url(img/composite_compare_fr.png) 0 0 no-repeat;
}
.compareBtn.compareBtnEn{
	width: 323px;
	background: url(img/composite_compare_en.png) 0 0 no-repeat;
}

#compareReg.compareBtn{
	background: url(img/composite_compare_alt_fr.png) 0 0 no-repeat;
	width: 325px;
}
#compareReg.compareBtn.compareBtnEn{
	background: url(img/composite_compare_alt_en.png) 0 0 no-repeat;
}

#compareExp.compareBtn{
	background: url(img/composite_compare_alt_fr.png) 0 0 no-repeat;
	width: 325px;
}
#compareExp.compareBtn.compareBtnEn{
	background: url(img/composite_compare_alt_en.png) 0 0 no-repeat;
}

.tdbBtn {
	width: 343px;
	height: 72px;
	display: inline-block;
	margin-left: 20px;
	cursor: hand;
	cursor: pointer;
	background: url(img/composite_dashboard_fr.png) 0 0 no-repeat;
}
.tdbBtn.tdbBtnEn {
	width: 341px;
	background: url(img/composite_dashboard_en.png) 0 0 no-repeat;
}

#btn_energie_region,
#btn_energie_national
{
	width: 245px;
	height: 50px;
	display: inline-block;
	cursor: pointer;
	border-top: 1px solid #CECECE;
  border-left: 1px solid #CECECE;
  border-right: 1px solid #CECECE;
  line-height: 50px;
  margin: 0 0 -7px 0;
  background-color: #FFFFFF;
}

#btn_energie_region.fr{
	background: url(img/btn_energie_regional_fr.png) 20px 0 no-repeat;
}

#btn_energie_region.en{
	background: url(img/btn_energie_regional_en.png) 20px 0 no-repeat;
}

#btn_energie_national.fr{
	background: url(img/btn_energie_national_fr.png) 20px 0 no-repeat;
}

#btn_energie_national.en{
	background: url(img/btn_energie_national_en.png) 20px 0 no-repeat;
}

#btn_energie_region.selected{
	background-color: #E3E3E3;
}
#btn_energie_national.selected{
	background-color: #E3E3E3;
}


/****************/
/** Impression **/
/****************/

.mask {
	position: fixed;
	right: 0px;
	top: 0;
	background-color: #000000;
	z-index: 2000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.sendMailDiv {
	position: fixed;
	background-color: #FFFFFF;
	z-index: 2001;
	width: 500px;
	/*height: 300px;*/
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  font-weight: normal;
  padding: 1px;
}

.sendMailDiv h1 {
  font-size:16px;
  text-align: center;
  background: url(img/bck_header.png) 0 0 repeat-x;
  background-color: #d6d6d6;
  height: 47px;
  margin-top: 0px;
  line-height: 46px;
  cursor:move;
  text-align: left;
  padding-left: 20px;
  font-weight:none;
}
.sendMailDiv h1  span {
	padding-left:15px;
}
.sendMailDiv h1   b{
	background: url(img/btn_print_mail.png) 0 0 repeat-x;
	width:27px;
	height:19px;
	display:inline-block;
	position: relative;
top: 4px;
}
.sendMailDiv h1  a {
	background: url(img/btn_close.png) 0 0 no-repeat;
	width:50px;
	height:22px;
	position:absolute;
	top:0px;
	right:20px;
	line-height: 71px;
	overflow: hidden;
}

.sendMailDiv label {
  font-size: 14px;
	margin-left: 25px;
	margin-top: 0px;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 19px;
	width: 90px;
	vertical-align: top;
}


.sendMailDiv input , 
.sendMailDiv textarea  {
	font-size:14px;
}
.sendMailDiv input {
  width: 300px;

}
.sendMailDiv textarea {
	width: 300px;
	height: 70px;
	margin-bottom: 10px;
}

.sendMailDiv button {
  margin: 20px 0 20px 136px;
	display: block;
}

.sendMailDiv div.securite {
	width: 334px;
	display: inline-block;
	clear: both;
}
.sendMailDiv div.securite  span{
	font-size: 12px;
}
.sendMailDiv  div.securite a {
	float: right;
	width: 90px;
	color: #067BA8;
}
.sendMailDiv   #mail_send_result {
	text-align: center;
	padding-bottom: 10px;
}
.sendMailDiv    #mail_send_result span {
  font-size: 14px;
  text-align:center;
}

/* CHIFFRES CLES */

#chcles {
	line-height: 14px;
	width: 660px;
/*background-color: white; */
/* margin: 60px; */
}

#chcles::after{
	content:'';
   display:block;
	clear:both;
}

.eco2mix-chcle-menu {
	margin:10px auto 25px;
	padding: 12px 0px;
	border-top: 1px solid #A3C07F;
	border-bottom: 1px solid #A3C07F;
}
.eco2mix-chcle-menu br {
	clear: both;
}
.eco2mix-chcle-menu ul {
	margin:0px auto;
        padding-left: 0px;
}
.eco2mix-chcle-menu ul li {
	list-style: none;
	float: left;
	display: block;
	text-align: center;
	font-size: 15px;
	overflow: hidden;
}
.eco2mix-chcle-menu ul li a, 
.eco2mix-chcle-menu ul li a:link, 
.eco2mix-chcle-menu ul li a:visited,
.eco2mix-chcle-menu ul li a:hover {
	display: block;
	width: 97px;
	color: rgb(0, 0, 0);
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center top;
/*	background-size: 66px;*/
	padding: 73px 6px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.eco2mix-chcle-menu li.conso a {
	background-image: url(img/chcles_conso_menu.png) ;
}
.eco2mix-chcle-menu li.eolien a {
	background-image: url(img/chcles_eolien_menu.png);
}
.eco2mix-chcle-menu li.pv a {
	background-image: url(img/chcles_pv_menu.png);
}
.eco2mix-chcle-menu li.co2 a {
	background-image: url(img/chcles_co2_menu.png);
}

.eco2mix-chcle-menu li.solde a {
	background-image: url(img/chcles_flux_menu.png);
}

.eco2mix-chcle-menu li.parc a {
	background-image: url(img/chcles_parc_menu.png);
}

.chclesc{
	padding-top:10px;
}
.eco2mix-chcle-block-container {
	position:relative;
	clear: both;
	margin-bottom: 40px;
	margin-left: 50px;
}
.eco2mix-chcle-block-container .wrap {
	overflow:hidden;
	width: auto;
	margin: auto;
}
.eco2mix-chcle-block-container .clear {
	clear: both;
}
.eco2mix-chcle-block-container div.head_picto {
	width: 91px;
	height: 91px;
	position: absolute;
	top: -10px;
	left: -50px;
	z-index:1;
}
.eco2mix-chcle-block-conso div.head_picto {
	background: url(img/chcles_conso.png);
}
.eco2mix-chcle-block-eolien div.head_picto {
	background: url(img/chcles_eolien.png);
}
.eco2mix-chcle-block-pv div.head_picto {
	background: url(img/chcles_pv.png);
}
.eco2mix-chcle-block-co2 div.head_picto {
	background: url(img/chcles_co2.png);
}
.eco2mix-chcle-block-solde div.head_picto {
	background: url(img/chcles_flux.png);
}
.eco2mix-chcle-block-parc div.head_picto {
	background: url(img/chcles_parc.png);
}

.eco2mix-chcle-sel-container {
	padding: 3px 22px 6px 50px;
}
.eco2mix-chcle-sel-container label,
.eco2mix-chcle-sel-container select, 
.eco2mix-chcle-sel-container span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: inline;
	font-weight: normal;
}

.eco2mix-chcle-sel-container .btnHead {
	float: right;
}

.eco2mix-chcle-content-container label {
	display: block;
	float: left;
	width: 110px;
        background: rgb(15, 167, 212);
	text-align:center;
	margin-bottom: 3px;
	font-family: "Avenir LT W01 65 Medium",Arial,Helvetice,sans-serif;
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
        line-height: 17px;
	padding: 10px;
}
.eco2mix-chcle-content-minmax label {
	height: 78px;
	padding: 38px 10px 10px;
}
.eco2mix-chcle-content-dbl label {
	height: 76px;
	padding: 40px 10px 10px;
}
.eco2mix-chcle-content-simple label {
	height: 76px;
	padding: 40px 10px 10px;
}
.eco2mix-chcle-content-dblcursor label {
	height: 76px;
	padding: 40px 10px 10px;
}
.eco2mix-chcle-content-container label b{
	display: block;
	font-size: 30px;
	font-weight: normal;
	line-height: 35px;
}
.eco2mix-chcle-content-container .record label b{
	font-size: 22px;
}

.eco2mix-chcle-content-container .head2 label {
	padding-top: 50px;
	height: 66px;
}
.eco2mix-chcle-content-container .head2b {
	position: relative;
}
.eco2mix-chcle-content-container .head2b b{
	position: absolute;
	width: 130px;
	top: -23px;
	left: 0;
	background: rgb(15, 167, 212) url(img/chcles_head2.png) center 21px no-repeat;
	padding: 0;
}

.eco2mix-chcle-content-container .head2 b {
	display:none;
}

.eco2mix-chcle-content-container .eco2mix-chcle-content {
	display: block;
	float: left;
	width: 440px;
	background: rgb(244, 240, 226);
	padding: 10px;
	margin-bottom: 3px;
}
.eco2mix-chcle-content-minmax .eco2mix-chcle-content {
	height: 106px;
	background: rgb(244, 240, 226) url(img/min_max.png) center 59px  no-repeat;
}
.eco2mix-chcle-content-minmax.only-max .eco2mix-chcle-content {
	background: rgb(244, 240, 226) url(img/min_max_only_max.png) center 59px  no-repeat;
}
.eco2mix-chcle-content-dbl .eco2mix-chcle-content {
	height: 126px;
	padding: 0px;
	width: 460px;
}
.eco2mix-chcle-content-dblcursor .eco2mix-chcle-content {
	height: 126px;
	padding: 0px;
	width: 460px;
}

.eco2mix-chcle-content-simple .eco2mix-chcle-content {
	height: 106px;
	padding: 10px 10px 10px 30px;
	width: 420px;
}
.eco2mix-chcle-content-tier .eco2mix-chcle-content {
	padding: 10px 10px 10px 40px;
/*border-right: 3px solid white;*/
	border-right: 3px solid #F5F3F0;
	width: 145px;
}

.eco2mix-chcle-content-minmax .min {
	float:left;
	width:45%;
	margin-left: 19px;
	min-height: 30px;
}
.eco2mix-chcle-content-minmax .max {
	float:right;
	text-align: right;
	width:45%;
	margin-right: 19px;
}
.eco2mix-chcle-content .val {
	color:#067ba8;
	font-family: Oswald, sans-serif;
	font-size: 30px;
	line-height: 45px;
}
.eco2mix-chcle-content-minmax .val {
	margin-bottom: 36px;
}
.eco2mix-chcle-content .val span{
	font-size: 16px;
}
.eco2mix-chcle-content .date,
.eco2mix-chcle-content .date {
	font-family: Arial, Helvetica, sans-serif;
	color:black;
	font-size: 11px;
}

.eco2mix-chcle-content-dbl .left ,
.eco2mix-chcle-content-dbl .right {
	float: left;
	width: 40%;
	padding: 10px 10px 10px 30px;
	height: 106px;
}

.eco2mix-chcle-content-dblcursor .bottom-cursor {
	float: left;
	width: 100%;
	padding: 0px;
	height: 126px;
	background: rgb(2, 83, 139);
	color: #FFF;
	font-family: "Avenir LT W01 65 Medium",Arial,Helvetice,sans-serif;
}
.eco2mix-chcle-content-dblcursor .bottom-cursor  .layer-left{
	display: block;
	height: 100%;
	background-color: rgb(52, 123, 173);
	z-index: 2;
	position: relative;
}

.eco2mix-chcle-content-dblcursor .left ,
.eco2mix-chcle-content-dblcursor  .right {
	float: left;
	width: 40%;
	padding: 10px 10px 10px 30px;
	height: 106px;
}
.eco2mix-chcle-content-dblcursor .bottom-cursor .left ,
.eco2mix-chcle-content-dblcursor .bottom-cursor .right {
	border: 0px;
	width: 41%;
	padding: 27px 10px 10px 19px;
	height: 106px;
	z-index: 3;
	position: relative;
	left: 0px;
	top: -130px;
}
.eco2mix-chcle-content-dblcursor .bottom-cursor .right{
	text-align: right;
}

.eco2mix-chcle-content-dblcursor .bottom-cursor .left  .val,
.eco2mix-chcle-content-dblcursor .bottom-cursor .right .val{
	color: #FFF;
}
.eco2mix-chcle-content-dblcursor .bottom-cursor .left  .val{
	text-indent: 6px;
}
.eco2mix-chcle-content-dblcursor .bottom-cursor .right .val{
	text-indent: 20px;
}


.eco2mix-chcle-content-dblcursor .bottom-cursor .left  label.labelcursor,
.eco2mix-chcle-content-dblcursor .bottom-cursor .right  label.labelcursor {
	background: none;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 15px;
}
.eco2mix-chcle-content-dblcursor .bottom-cursor .right  label.labelcursor {
	text-align: right;
}

.eco2mix-chcle-content-dbl .left {
/*border-right: 3px solid white;*/
	border-right: 3px solid #F5F3F0;
}

.eco2mix-chcle-content-dblcursor .left {
	border-right: 3px solid #F5F3F0;
}

.eco2mix-chcle-content-container .nc div.bottom-cursor {
    background-color: transparent;
}

.eco2mix-chcle-content-container .nc div.layer-left {
    display: none;
}

.eco2mix-chcle-content-container .nc div.left, .eco2mix-chcle-content-container .nc div.right {
    top:0;
    text-align:left;
}

.eco2mix-chcle-content-container .nc div.left .labelcursor, .eco2mix-chcle-content-container .nc div.right .labelcursor,
.eco2mix-chcle-content-container .nc div.left .val, .eco2mix-chcle-content-container .nc div.right .val {
    color:#067ba8;
}

#chcles .eco2mix-chcle-footer ul{
	margin:0;
	padding:0;
}
#chcles .eco2mix-chcle-footer ul li {
	list-style: none;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 14px;
	margin-right: 23px;
	color: #444;
}

#chcles .eco2mix-subinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	text-align: right;
	padding: 5px 23px 0 0;
}

/* START OF CALENDRIER TEMPO
	Les sélecteurs précédés par 'grid4col' sont liés à l'espace clients
 */
#caltempo.IElt9 .btnMail,
#caltempo.IElt9 .btnMailOver,
#caltempo.IElt9 .btnPrint,
#caltempo.IElt9 .btnPrintOver{ /* fonctionnalitées non compatibles IE8 */
	
	display: none;
}
#eco2mix-caltempo-5days{
	
	list-style: none;
	position: relative;
	height: 200px;
	width: 480px;
	padding: 0;
	margin: 40px auto;
}
#eco2mix-caltempo-5days li{
	
	position: absolute;
	border: 1px solid #000;
	color: #000;
	text-align: center;
	font-family: Oswald, sans-serif;
	padding: 0;
	margin: 0;
}
#eco2mix-caltempo-5days li em{
	
	display: block;
	font-style: normal;
	line-height: 1em;
	position: absolute;
	bottom: 0;
	width: 100%;
}
#eco2mix-caltempo-5days li span{
	
	display: block;
	font: 14px Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	line-height: 1em;
	position: absolute;
	top: 152px;
	width: 100%;
}
#eco2mix-caltempo-5days li span + span {
	top: 174px;
}
.grid4col #eco2mix-caltempo-5days li,
.grid4col #eco2mix-caltempo-5days li + li,
.grid4col #eco2mix-caltempo-5days li + li + li + li + li {
	display:none;
}
.grid4col #eco2mix-caltempo-5days li + li + li,
.grid4col #eco2mix-caltempo-5days li + li + li + li {
	display:inline;
}
#eco2mix-caltempo-5days li{
	
	width:   69px;
	height:  69px;
	top:     56px;
	left:     9px;
	z-index: 1;
	font-size: 33px;
	line-height: 67px;
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
#eco2mix-caltempo-5days li+li{
	
	width:  104px;
	height: 104px;
	top:     38px;
	left:    75px;
	z-index: 2;
	font-size: 49px;
	line-height: 93px;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.grid4col #eco2mix-caltempo-5days li+li+li+li,
#eco2mix-caltempo-5days li+li+li{
	
	width:  131px;
	height: 131px;
	top:     24px;
	left:   173px;
	z-index: 3;
	font-size: 61px;
	line-height: 118px;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.grid4col #eco2mix-caltempo-5days li+li+li,
.grid4col #eco2mix-caltempo-5days li+li+li+li {
	line-height:78px;
}

#eco2mix-caltempo-5days li+li+li+li{
	
	width:  104px;
	height: 104px;
	top:     38px;
	left:   298px;
	z-index: 2;
	font-size: 49px;
	line-height: 93px;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
#eco2mix-caltempo-5days li+li+li+li+li{
	
	width:   69px;
	height:  69px;
	top:     56px;
	left:   399px;
	z-index: 1;
	font-size: 33px;
	line-height: 67px;
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.grid4col #eco2mix-caltempo-5days li+li+li {
	left: 64px;
}
.grid4col #eco2mix-caltempo-5days li+li+li+li {
	left: 282px;
	font-size: 61px;
}

#eco2mix-caltempo-5days li+li em,
#eco2mix-caltempo-5days li+li+li+li em{
	
	font-size: 10px;
	bottom: 17px;
}
.grid4col #eco2mix-caltempo-5days li+li+li+li em,
#eco2mix-caltempo-5days li+li+li em{
	
	font-size: 12px;
	bottom: 22px;
}
.grid4col #eco2mix-caltempo-5days li+li+li em,
.grid4col #eco2mix-caltempo-5days li+li+li+li em {
	bottom: 38px;
}
.grid4col #eco2mix-caltempo-5days li + li + li em + em {
    bottom: 8px;
    font-size: 20px;
}

#eco2mix-caltempo-5days .eco2mix-caltempo-bleu{
	
	background: #08bdde;
	color: #fff;
	border-color: #247bac;
}
.grid4col #eco2mix-caltempo-5days .eco2mix-caltempo-bleu{
	background: #77c7da;
}
#eco2mix-caltempo-5days .eco2mix-caltempo-blanc{
	
	background: #fff;
	color: #405a73;
	border-color: #646f75;
}
#eco2mix-caltempo-5days .eco2mix-caltempo-rouge{
	
	background: #ea7381;
	color: #fff;
	border-color: #8f3b5f;
}
#eco2mix-caltempo-5days .eco2mix-caltempo-future{
	
	background: url(img/tempo_future_stripping.png) #eee;
	color: #797979;
	border-color: #a7a7a7;
}


#eco2mix-caltempo-month{
	
	width: 461px;
	margin: 40px auto;
	position: relative;
}
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter{
	position: absolute;
	width: 13px;
	height: 70px;
	background: url(img/tempo_season_delimiter.png);
}
/* week 1 */
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-0 { top:  88px; left:  -7px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-1 { top:  88px; left:  59px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-2 { top:  88px; left: 129px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-3 { top:  88px; left: 199px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-4 { top:  88px; left: 269px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-5 { top:  88px; left: 339px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-6 { top:  88px; left: 409px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-7 { top:  88px; left: 479px; }
/* week 2 */
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-8 { top: 153px; left:  59px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-9 { top: 153px; left: 129px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-10{ top: 153px; left: 199px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-11{ top: 153px; left: 269px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-12{ top: 153px; left: 339px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-13{ top: 153px; left: 409px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-14{ top: 153px; left: 479px; }
/* week 3 */
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-15{ top: 218px; left:  59px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-16{ top: 218px; left: 129px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-17{ top: 218px; left: 199px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-18{ top: 218px; left: 269px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-19{ top: 218px; left: 339px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-20{ top: 218px; left: 409px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-21{ top: 218px; left: 479px; }
/* week 4 */
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-22{ top: 283px; left:  59px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-23{ top: 283px; left: 129px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-24{ top: 283px; left: 199px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-25{ top: 283px; left: 269px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-26{ top: 283px; left: 339px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-27{ top: 283px; left: 409px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-28{ top: 283px; left: 479px; }
/* week 5 */
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-29{ top: 349px; left:  59px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-30{ top: 349px; left: 129px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-31{ top: 349px; left: 199px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-32{ top: 349px; left: 269px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-33{ top: 349px; left: 339px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-34{ top: 349px; left: 409px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-35{ top: 349px; left: 479px; }
/* week 6 */
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-36{ top: 416px; left:  59px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-37{ top: 416px; left: 129px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-38{ top: 416px; left: 199px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-39{ top: 416px; left: 269px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-40{ top: 416px; left: 339px; }
#eco2mix-caltempo-month .eco2mix-caltempo-sdelimiter-41{ top: 416px; left: 409px; }
 

#eco2mix-caltempo-month table{
	border-collapse: collapse;
}
#main #eco2mix-caltempo-month .eco2mix-caltempo-controls th,
#eco2mix-caltempo-month .eco2mix-caltempo-controls th{
	
	height: 40px;
	background: transparent;
	padding: 0;
}
#main #eco2mix-caltempo-month .weekdays th,
#eco2mix-caltempo-month .weekdays th{
	width: 64px;
	height: 50px;
	padding: 0;
	border: 1px solid #F5F3F0;;
	border-bottom-color: #646f75;
	color: #9f9f9f;
	text-align: center;
	font: 18px Oswald, sans-serif;
	background: transparent;
}
#main #eco2mix-caltempo-month td,
#eco2mix-caltempo-month td{
	width: 64px;
	height: 64px;
	padding: 0;
	border: 1px solid #646f75;
	
	color: #000;
	text-align: center;
	font: 28px Oswald, sans-serif;
}
#main #eco2mix-caltempo-month .eco2mix-caltempo-bleu,
#eco2mix-caltempo-month .eco2mix-caltempo-bleu{
	
	background: #08bdde;
	color: #fff;
}
#main .grid4col #eco2mix-caltempo-month .eco2mix-caltempo-bleu,
.grid4col #eco2mix-caltempo-month .eco2mix-caltempo-bleu{
	
	background: #77c7da;
}
#main #eco2mix-caltempo-month .eco2mix-caltempo-blanc,
#eco2mix-caltempo-month .eco2mix-caltempo-blanc{
	
	background: #fff;
	color: #405a73;
}
#main #eco2mix-caltempo-month .eco2mix-caltempo-rouge,
#eco2mix-caltempo-month .eco2mix-caltempo-rouge{
	
	background: #ea7381;
	color: #fff;
}
#main #eco2mix-caltempo-month .eco2mix-caltempo-future,
#eco2mix-caltempo-month .eco2mix-caltempo-future{
	
	background: url(img/tempo_future_stripping.png) #eee;
	color: #797979;
}
#eco2mix-caltempo-month .eco2mix-caltempo-today{
	
	border: 1px solid #646f75;
	margin: 2px;
	width: 63px;
	height: 63px;
	line-height: 63px;
}
#eco2mix-caltempo-month .eco2mix-caltempo-today em{
	
	border-bottom: 2px solid #646f75;
	height: 52px;
	display: inline-block;
	font-style: normal;
}

#eco2mix-caltempo-month .eco2mix-caltempo-bleu .eco2mix-caltempo-today,
#eco2mix-caltempo-month .eco2mix-caltempo-bleu .eco2mix-caltempo-today em{   border-color: #fff; }
#eco2mix-caltempo-month .eco2mix-caltempo-blanc .eco2mix-caltempo-today,
#eco2mix-caltempo-month .eco2mix-caltempo-blanc .eco2mix-caltempo-today em{  border-color: #646f75; }
#eco2mix-caltempo-month .eco2mix-caltempo-rouge .eco2mix-caltempo-today,
#eco2mix-caltempo-month .eco2mix-caltempo-rouge .eco2mix-caltempo-today em{  border-color: #fff; }
#eco2mix-caltempo-month .eco2mix-caltempo-future .eco2mix-caltempo-today,
#eco2mix-caltempo-month .eco2mix-caltempo-future .eco2mix-caltempo-today em{ border-color: #797979; }


#eco2mix-caltempo-season{
	border-collapse: collapse;
	width: 665px;
	margin: 40px auto;
}
#main #eco2mix-caltempo-season .eco2mix-caltempo-controls th,
#eco2mix-caltempo-season .eco2mix-caltempo-controls th{
	
	height: 40px;
	background: transparent;
	padding: 0 87px 13px;
}
#main #eco2mix-caltempo-season .numdays th,
#eco2mix-caltempo-season .numdays th{
	
	padding: 0;
	font: 10px/24px Arial, Helvetica, sans-serif;
	color: #b7b7b7;
	background: transparent;
	text-align: center;
	border-bottom: transparent;
}
#main #eco2mix-caltempo-season .numdays .d1,
#main #eco2mix-caltempo-season .numdays .d10,
#main #eco2mix-caltempo-season .numdays .d20,
#main #eco2mix-caltempo-season .numdays .d30,
#eco2mix-caltempo-season .numdays .d1,
#eco2mix-caltempo-season .numdays .d10,
#eco2mix-caltempo-season .numdays .d20,
#eco2mix-caltempo-season .numdays .d30{
	
	color: #5e5e5e;
}
#main #eco2mix-caltempo-season .month th,
#eco2mix-caltempo-season .month th{
	
	text-align: right;
	padding: 0 10px 0 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #5e5e5e;
	background: transparent;
	border-right: transparent;
}
#eco2mix-caltempo-season .month td{
	
	padding: 0;
	border: 1px solid #646f75;
	width: 18px;
	height: 18px;
	text-align: center;
	font: bold 10px Arial, Helvetica, sans-serif;
}
#eco2mix-caltempo-season .eco2mix-caltempo-bleu{
	
	background: #08bdde;
	color: #fff;
}
.grid4col #eco2mix-caltempo-season .eco2mix-caltempo-bleu{
	background: #77c7da;
}
#eco2mix-caltempo-season .eco2mix-caltempo-blanc{
	
	background: #fff;
	color: #405a73;
}
#eco2mix-caltempo-season .eco2mix-caltempo-rouge{
	
	background: #ea7381;
	color: #fff;
}
#eco2mix-caltempo-season .eco2mix-caltempo-future{
	
	background: #d0d0d0;
	color: #666;
}
#eco2mix-caltempo-season .eco2mix-caltempo-void{
	background: transparent;
	border-right-color: transparent !important;
}
#eco2mix-caltempo-season tr:first-child+tr+tr .eco2mix-caltempo-void{
	border-top-color: transparent !important;
}
#eco2mix-caltempo-season .eco2mix-caltempo-date-selector{
	
    margin: 0;
    width: 295px;
}


#eco2mix-caltempo-synthesis{
	
	width: 415px;
	margin: 60px auto 40px;
}
#eco2mix-caltempo-synthesis h3{
	
	width: 415px;
	text-align: center;
	background: url(img/tempo_synthesis_header.png) 0 20px no-repeat;
	font: 14px/24px Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	margin: 13px 0;
}
#eco2mix-caltempo-synthesis ul{
	
	width: 374px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
#eco2mix-caltempo-synthesis li{
	
	width: 350px;
	height: 26px;
	padding: 10px 12px 14px;
	border-bottom: 1px solid #a8a8a8;
	font: 14px/36px Arial, Helvetica, sans-serif;
	color: #4c4c4c;
}
#eco2mix-caltempo-synthesis li+li+li{
	
	border-bottom: 0;
}
#eco2mix-caltempo-synthesis li em{
	
	float: right;
	text-align: right;
	font: 14px Oswald, sans-serif;
}
#eco2mix-caltempo-synthesis li strong{
	
	font-weight: normal;
	font-size: 20px;
}
#eco2mix-caltempo-synthesis .eco2mix-caltempo-bleu em{  color: #0baac7; }
#eco2mix-caltempo-synthesis .eco2mix-caltempo-blanc em{ color: #405a73; }
#eco2mix-caltempo-synthesis .eco2mix-caltempo-rouge em{ color: #ea7381; }

.grid4col #eco2mix-caltempo-synthesis .eco2mix-caltempo-bleu em{  color: #68b0cb; }


.eco2mix-caltempo-date-selector{
	
	text-align: center;
	font: 24px Oswald, sans-serif;
	color: #067ba8;
	width: 265px;
	float: left;
}
#eco2mix-caltempo-month .eco2mix-caltempo-controls .eco2mix-caltempo-date-selector a,
#eco2mix-caltempo-season .eco2mix-caltempo-controls .eco2mix-caltempo-date-selector a {
	float: left;
	margin: 10px 0 0 20px;
}
#eco2mix-caltempo-month .eco2mix-caltempo-controls .eco2mix-caltempo-date-selector a+a,
#eco2mix-caltempo-season .eco2mix-caltempo-controls .eco2mix-caltempo-date-selector a+a {
	float: right;
	margin: 10px 20px 0 0;
}
.eco2mix-caltempo-date-selector .eco2mix-caltempo-date-prev,
.eco2mix-caltempo-date-selector .eco2mix-caltempo-date-next{
	
	display: inline-block;
	width: 8px;
	height: 16px;
	margin: 0 20px 3px;
}
.eco2mix-caltempo-date-selector .eco2mix-caltempo-date-prev{
	
	background: url(img/tempo-arrow-left.png);
}
.eco2mix-caltempo-date-selector .eco2mix-caltempo-date-next{
	
	background: url(img/tempo-arrow-right.png);
}
.eco2mix-caltempo-date-selector .eco2mix-caltempo-date-inactive{
	
	background-position: bottom left;
	cursor: default;
}
#caltempo .eco2mix-cellbtn-group{
	
	float: left;
}
#caltempo .btnHead{
	
	float: left;
	margin: 10px 6px;
}
/* END OF CALENDRIER TEMPO */

/* TRANSVERSE : GROUPE DE BOUTONS ET DROPDOWNS */
#caltempo .eco2mix-cellbtn-group,
#anmens .eco2mix-cellbtn-group{
	
	list-style: none;
	float: right;
	padding: 0;
	margin: 0;
	box-shadow: 1px 1px #ddd;
	border-radius: 2px;
}
#caltempo .eco2mix-cellbtn,
#anmens  .eco2mix-cellbtn{
	
	padding: 0;
	margin: 0;
	float: left;
}
#caltempo .eco2mix-cellbtn>a,
#anmens .eco2mix-cellbtn>a{
	
	display: block;
	border: 1px solid #b3b3b3;
	border-right: 0;
	padding: 5px 9px;
	
	font: 11px/13px Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #727272;
	
	transition-property: background-color, background-position;
	transition-duration: .5s;
}
.eco2mix-cellbtn-dropdown-opened>a,
.eco2mix-cellbtn>a:hover{
	
	background-color: #e2f4ff;
}
#caltempo .eco2mix-cellbtn-first>a,
#anmens .eco2mix-cellbtn-first>a{
	
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
#caltempo .eco2mix-cellbtn-last>a,
#anmens .eco2mix-cellbtn-last>a{
	
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-right: 1px solid #b3b3b3;
}
#caltempo .eco2mix-cellbtn-selected>a,
#caltempo .eco2mix-cellbtn-selected>a:hover,
#anmens .eco2mix-cellbtn-selected>a,
#anmens .eco2mix-cellbtn-selected>a:hover{
	
	background-color: #46aaea;
	border-color: #586a95;
	color: #fff;
}
.eco2mix-cellbtn-selected>a{
	
	border-right: 1px solid #586a95;
}
.eco2mix-cellbtn-selected+.eco2mix-cellbtn>a{
	
	border-left: 0;
}

/* dropdowns buttons */
.eco2mix-cellbtn-dropdown{
	
	position: relative;
	z-index: 1;
}
#caltempo .eco2mix-cellbtn-dropdown>a,
#anmens .eco2mix-cellbtn-dropdown>a{
	
	background-image: url(img/dropdown_sprite.png);
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 47px;
}
#caltempo .eco2mix-cellbtn-dropdown.eco2mix-cellbtn-selected>a,
#anmens .eco2mix-cellbtn-dropdown.eco2mix-cellbtn-selected>a{
	
	background-position: bottom right;
	vertical-align: middle;
	height: 26px;
	display: table-cell;
}
#caltempo .eco2mix-cellbtn-dropdown ul,
#anmens .eco2mix-cellbtn-dropdown ul{
	
	display: none;
	list-style: none;
	position: absolute;
	top: 37px;
	left: 0;
	padding: 0;
	margin: 0;
	background: #fff;
	border: 1px solid #b3b3b3;
	max-height: 144px;
	overflow-y: auto;
}
#caltempo .eco2mix-cellbtn-dropdown ul li,
#anmens .eco2mix-cellbtn-dropdown ul li{
	
	padding: 0;
	margin: 0;
}
#caltempo .eco2mix-cellbtn-dropdown-opened ul,
#anmens .eco2mix-cellbtn-dropdown-opened ul{
	
	display: block;
}
#caltempo .eco2mix-cellbtn-dropdown ul a,
#anmens .eco2mix-cellbtn-dropdown ul a{
	
	display: block;
	padding: 5px 9px;
	font: 11px/13px Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #727272;
}
#caltempo .eco2mix-cellbtn-dropdown ul a:hover,
#caltempo .eco2mix-cellbtn-dropdown ul a.eco2mix-option-selected,
#anmens .eco2mix-cellbtn-dropdown ul a:hover,
#anmens .eco2mix-cellbtn-dropdown ul a.eco2mix-option-selected{
	
	background-color: #46aaea;
	color: #fff;
}
/* END OF TRANSVERSE : GROUPE DE BOUTONS ET DROPDOWNS */





/* Analyses mensuelles */
#eco2mix_am_filter{
	
	float: left;
	margin: 10px 0 20px;
}
#eco2mix_am_filter #eco2mix_am_selvue{
	
	float: left;
}
#eco2mix_am_filter .btnHead {
	float: left;
	margin: 10px 6px;
}
#eco2mix_am_selm,
#eco2mix_am_selmt{
	
	float: left;
	margin: 0 6px 0 0;
}
#eco2mix_am_selm .eco2mix-cellbtn > a,
#eco2mix_am_selmt .eco2mix-cellbtn > a{
	
	font: 16px/26px "Avenir LT W01 65 Medium", Arial, Helvetica, sans-serif;
	color: #067ba8;
}
#eco2mix_am_selm .eco2mix-cellbtn-dropdown>a,
#eco2mix_am_selmt .eco2mix-cellbtn-dropdown>a{
	
	width: 375px;
	padding-right: 37px;
}
#eco2mix_am_selm .eco2mix-cellbtn-dropdown ul,
#eco2mix_am_selmt .eco2mix-cellbtn-dropdown ul{

	width: 421px;
}
#eco2mix_am_selm .eco2mix-cellbtn-dropdown ul a,
#eco2mix_am_selmt .eco2mix-cellbtn-dropdown ul a{
	
	font: 12px/13px Arial, Helvetica, sans-serif;
}
#eco2mix_am_selmt .eco2mix-cellbtn-dropdown ul a{
	
	padding-left: 25px;
	background-image: url(img/ui_check_sprite.png);
	background-repeat: no-repeat;
	
	transition-property: background-position;
	transition-duration: .2s;
}
#eco2mix_am_selmt .eco2mix-cellbtn-dropdown ul a:hover{
	
	background-image: url(img/ui_check_sprite_hover.png);
}
#eco2mix_am_selmt .eco2mix-cellbtn-dropdown ul a.eco2mix-option-selected{
	
	background-image: url(img/ui_check_sprite_hover.png);
	background-position: bottom left;
}

#eco2mix_am_results {
	margin: 0;
	clear: both;
}

.eco2mix_am_result {
	margin: 20px 0 25px;
}

.eco2mix_am_result .am_title {
	display: inline-block;
	position: relative;
	height: 35px;
	line-height: 35px;
	margin: 15px 0 15px 0;
	padding: 0 15px 0 63px;
	font-family: "Avenir LT W01 65 Medium", Arial, Helvetice, sans-serif;
	font-size: 20px;
	color: white;
	background: url(img/am_title_queue.png) right center no-repeat;
}

.eco2mix_am_result .am_title .thimg{
	
	position: absolute;
	width: 63px;
	height: 61px;
	left: 0;
	top: -14px;
}

.eco2mix_am_result .am_title .thtxt{
	background:#067ba8;
	padding: 0 8px 0 7px;
	white-space: nowrap;
}


.eco2mix_am_result .theme_1 .thimg { background-image: url(img/am_title_head1.png); }
.eco2mix_am_result .theme_2 .thimg { background-image: url(img/am_title_head2.png); }
.eco2mix_am_result .theme_3 .thimg { background-image: url(img/am_title_head3.png); }
.eco2mix_am_result .theme_4 .thimg { background-image: url(img/am_title_head4.png); }
.eco2mix_am_result .theme_5 .thimg { background-image: url(img/am_title_head5.png); }
.eco2mix_am_result .theme_6 .thimg { background-image: url(img/am_title_head6.png); }
.eco2mix_am_result .theme_7 .thimg { background-image: url(img/am_title_head7.png); }
.eco2mix_am_result .theme_8 .thimg { background-image: url(img/am_title_head8.png); }

/*.eco2mix_am_result .am_content,
.eco2mix_am_result .am_url a {
	
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}*/

.eco2mix_am_result .am_content {

	color:#4c4c4c;
}
.eco2mix_am_result .am_url a {
	
	color:#3c95bb;
	text-decoration: none;
}

.eco2mix_am_noresult {
	
	font: 16px Arial, Helvetica, sans-serif;
	margin: 25px 0;
	color: #4c4c4c;
}

/* Données marché europe */
.dmSeparator{
    background: url(img/region_separator_bck.gif) 0 0px repeat;
}

.dmLabelsTable {
    font-family: Arial, Helvetica, sans-serif; 
}

.dmDivLabel {
    width: 124px;
}

.dmDivLabel .consoChartValue{
    font-size: 24px;
}
.dmDivLabel.compareLabel .consoChartValue{
    font-size: 18px;
}

.dmDivLabel table {
    width: 124px;
}

.dmDivLabel.selected {
    border: 1px solid #AEC4DD;
    border-radius: 3px;
    padding: 1px;
}

.dmDivLabel.selected table{
    background: url(img/region_selected_techno_bck.gif) 0 0 repeat-x;
}

.eco2mix_dm_carte {
    margin-top: 32px;
    background-image: url(img/dm_europe_map.png);
}

.eco2mix_dm_carte_compare {
    margin-top: 30px;
    margin-left: 5px;
    background-image: url(img/dm_europe_map_compare.png);
}

table.eco2mix_dm_legende {
    table-layout: fixed;
    margin-top: 23px;
    margin-bottom: 20px;
    width: 96%;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
    font-weight: normal;
    font-size:12px;
    color: #000;
}

.eco2mix_dm_legende .td1, .eco2mix_dm_legende .td2, .eco2mix_dm_legende .td3, .eco2mix_dm_legende .td4 {
    background-image: url(img/dm_legende.png);
    background-repeat: no-repeat;
    height:46px;
    vertical-align: top;
}

.eco2mix_dm_legende .td1 {
    background-position: left -70px;    
}

.eco2mix_dm_legende .td2 {
    width: 8px;
    background-position: center -140px;    
}

.eco2mix_dm_legende .td3 {
    width: 300px;
    padding-top: 13px;
    background-position: top center;    
}

.eco2mix_dm_legende .td4 {
    background-position: right -140px;    
}

.eco2mix-experimentation-map-caption {
    font-family: Arial;
    font-size: 11px;
    text-align: center;
    margin-top: -8px;
    margin-bottom: 5px;
}

.eco2mix-experimentation-map-caption div {
    height: 8px;
    width: 10px;
    overflow: hidden;
    display: inline-block;
    font-size: 20px;
    padding-bottom: 2px;
    line-height: 1;
}

.compare .eco2mix-experimentation-map-caption {
    margin-top: -30px;
}

.sankeyChart .node rect {
  cursor: move;
  fill-opacity: .9;
  shape-rendering: crispEdges;
}

.sankeyChart text {
  pointer-events: none;
  /*text-shadow: 0 1px 0 #fff;*/
  /*fill: #FF0000;*/
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.sankeyChart .link {
  fill: #000;
  stroke: none;
  fill-opacity: .5;
}

.sankeyChart .link:hover {
  fill-opacity: .8;
}

.sankeyChart .separator {
    stroke-width: 0.5;
    stroke: #cbcbcb;
    fill: #cbcbcb;
}

.sankeyChart .separatorText {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    fill: #444;
    font-weight: bold;
}

.sankeyChart svg {
    border-left: 1px solid #D1D1D1;
    border-right: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    overflow: hidden;
}

.sankeyHeader {
    border-left: 1px solid #D1D1D1;
    border-right: 1px solid #D1D1D1;
    border-top: 1px solid #D1D1D1;
    position: relative;
}
.sankeyHeader svg text {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    stroke: #555;
    stroke-width: 0.2px;
    fill: #111;    
}
.sankeyHeader .mixtrSelectControl {
    position: absolute;
    top: 42px;
    left: 50%;
    transform: translate(-50%,0);
    text-align: center;
    cursor: pointer;
}
.sankeyHeader .mixtrSelectControl div {
    width: 340px;
    margin-left: -25px;
    display: inline-block;
}

.sankeyHeader .mixtrSelectControl span {
    padding: 0 5px;
}

.sankeyHeader .mixtrSelectControl span.pre {
    opacity: 0.7;
}

.sankeyHeader .mixtrSelectControl span.abs {
    opacity: 0.2;
}

.sankeyPopup {
    width: 1200px;
    height: 600px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -600px;
    background-color: #FFFFFF;
    z-index: 1000;
    overflow: hidden;
    box-shadow: 0 0 8PX #333;
}

.sankeyPopup .sankeyClose {
    right : 12px;
    top: 0;
    position: absolute;
    background-image: url(img/btn_close.png);
    width: 49px;
    height: 22px;
    z-index: 1;
    cursor: pointer;
}

.sankeyPopup .mixtrSelectControl {
    top: 11px;
    transform: none;
    left: 440px;
}

.sankeyBtnFr, .sankeyBtnEn {
    width: 341px;
    height: 72px;
    display: inline-block;
    cursor: pointer;
    float: left;
}

.sankeyBtnFr {
    background: url(img/btn_sankey.png) 0 0 no-repeat;
}

.sankeyBtnEn {
    background: url(img/btn_sankey.png) 0 -72px no-repeat;
}

div.dmDivLabel.DL span.DE,
div.dmDivLabel.DE span.DL {
    display: none;
}

div.dmDivLabel.DE span.DE,
div.dmDivLabel.DL span.DL {
    display: inline;
}