* {-moz-box-sizing: border-box; box-sizing: border-box;}

body {
    background-color : #ffffff;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size : 10pt;
    margin:2px 0 0 0;
}

.comment{
    position: relative;
    margin-top: 20px;
}

#site a{
    cursor:pointer;
    text-decoration : underline;
}

#site h2{
    font-size : 11pt;
    color:#2b7129;
    line-height: 20px;
}

#site h2 a{
    color: inherit;
    /*text-decoration: underline;*/
}

#site h3{
    font-size : 10pt;
    color:#2b7129;
}

.bold{
    font-weight: bold !important;
}

.error{
    color:#11B0AB !important;
    font-weight: bold !important;
}

.italic{
    font-style: italic !important;
}

.grey{
    color:#999999 !important;
}

.button img{
    vertical-align: bottom;
}

#enTete{
    height : 70px;
    margin : 0px 0 10px 0;
    border-bottom :3px solid #2b7129;
}

#enTete a img{
    position : relative;
    float: left;
    text-decoration:none;
    border : none;
    max-height: 68px;
    margin:0 0 0 15px;
}

#enTete h1 {
    position: relative;
    float: left;
    font-size: 18pt;
    font-weight: normal;
    margin: 0px 0 0 10px;
    color: #2b7129;
    max-width: 400px;
}

#enTete h1 a{
    color: #2b7129;
}

#enTeteMenu{
    float:right;
    font-size : 9pt;
    font-weight : normal;
    margin-right:15px;
    /*margin-top: 7px;*/
}

#enTeteMenu a{
    color : #000000;
    text-decoration : underline;
}

#enTeteMenu a img{
    position : relative;
}

#enTete ul.social_medias {
    overflow: auto;
    padding:0;
    margin:0;
    width: 320px;
    min-height: 24px;
}

#enTete ul.social_medias li {
    list-style: none;
    float: left;
    margin-right: 5px;
}

#enTete ul.social_medias li.google {
    padding-top:3px;
}

.titre1{
    color:#2b7129;
    font-size : 12pt;
    margin:0px 0px;
    padding:0px 0px;
}

.titre1 .droite{
    float:right;
    color:#000000;
    font-size : 10pt;
    font-weight : normal;
}

.titre2{
    color:#5B5B57;
    font-size : 12pt;
}

#enTete a  img.choixLangue{
    position:relative;
    margin: 8px 0 0 2px;
    vertical-align:bottom;
    width : 18px;
    height : 15px;
    text-decoration : nove;
    border:none;
}

a img{
    border:none;
}

#contenuHaut{
    width:100%;
    height:380px;
}

#site{
    margin: 0px auto 0 auto;
    width:100%;
    /*min-height: 800px;*/
    max-width:1420px;
    text-align:left;
}

#gauche{
    float:left;
    width:250px;
    font-size : 9pt;
}

#gauche h3{
    margin-top: 0px;
    margin-bottom: 2px;
    padding-top: 0px;
    line-height: 20px;
}

#menu2{
    margin-top:25px;
    font-size : 9pt;
    text-align:justify;
}

#menu1 h3,  #menu2 h3 {
    font-size : 9pt;
}

#menu1 h3{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 4px;
    border: 1px solid #AAAAAA;
    border-left: 6px solid;
}
#menu1 h3[energie=total-energy],.titre1[energie=total-energy]{border-left-color:#2b7129;color:#2b7129;}
#menu1 h3[energie=crude-oil],.titre1[energie=crude-oil]{border-left-color:#006633;color:#006633;}
#menu1 h3[energie=oil-products],.titre1[energie=oil-products]{border-left-color:#cc0099;color:#cc0099;}
#menu1 h3[energie=natural-gas],.titre1[energie=natural-gas]{border-left-color:#fe26dd;color:#fe26dd;}
#menu1 h3[energie="coal,-lignite"],.titre1[energie="coal,-lignite"]{border-left-color:#dd1254;color:#dd1254;}

#menu1 h3.ui-state-active a,  #menu2 h3.ui-state-active a{
    font-weight:bold;
}

#menu1 ul{
    padding-left:5px;
    font-size : 8pt;
    margin-left:10px;
    color:#1D4E66;
    font-weight:bold;
}

#menu2 ul{
    padding-left:5px;
    font-size : 8pt;
    margin-left:10px;
    color:#000000;
    font-weight:normal;
}

#menu1 li a, #menu2 li ul li{
    color:#000000;
    font-weight:normal;
}

#menu2 ul{
    padding:0 5px 0 5px;
    font-size : 8pt;
    margin-left:0px;
}

#menu1 ul.listePuce li, #menu2 ul.listePuce li{
    list-style-type: disc;
    margin-top:8px;
}

#menu1 ul.listePuce, #menu2 ul.listePuce{
    margin-left:10px;
}

#menu1 li, #menu2 li{
    list-style-type: none;
    margin-top:8px;
}

#menu1 a, #menu2 a{
    text-decoration:none;
}


#pub {
    padding: 4px;
    border:1px solid #AAAAAA;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: url("images/ui-bg_glass_75_eeeeee_1x400.png") repeat-x scroll 50% 50% #EEEEEE;
    border: 1px solid #D3D3D3;
    color: #555555;
}

#pub a {
    text-decoration:none;
    color:#336699;
}

#pub a:hover {
    color:#CC3366;
}

#ranking table{
    width: 100%;
    border-collapse: collapse;
}

#ranking .ui-button { 
    white-space: nowrap;
}

#ranking .ui-progressbar {
    position: relative;
}

#ranking .progress-label {
    position: absolute;
    left: 10px;
    top: 4px;
    font-weight: bold;
}

#ranking .progress-label a{
    color: #555555;
}

#ranking .progress-value {
    position: absolute;
    right: 20px;
    top: 4px;
    font-weight: bold;
    color: #555555;
}

#contenu{
    float:left;
    margin: 0px 0 0 10px;
}

#taglineTexte{
    padding-bottom: 10px;
    text-align: justify;
}

#map{
    clear: both;
    float: left;
    height: 340px;
}


#ranking{
    position:relative;	
    float: left;
    margin-top: -38px;
    height:340px;
    width:300px;
    padding: 0 10px;	
}

#graph{
    clear: both;
    float:left;	
    width : 100%;
    height:440px;
    margin : 0px 0 0 0;
}

#keyIndicators{
    float:left;	
    width : 43%;
    margin : 10px 0 0 1%;
    padding-top: 30px;
    text-align:justify;
}

#analyse{
    position: relative;
    float: left;
    width : 98%;
    margin : 40px 1% 0 1%;
    padding-bottom:15px;
    text-align:justify;
}

#graph #titreGraph{
    height:20px;
}

#graph h2{
    display:inline;
}

#graph #contenuGraph{   
    width : 100%;
    height : 100%;
    margin-top: 0px;
}

#analyse h1, #analyse h3, #analyse p{
    display:inline;
    font-size:9pt;
    font-weight:normal;
}

#analyse h2{
    display:inline;
    font-size:9pt;
}

.altRow{
    background-color:#dddddd;
}

th{
    text-align : left;
}


/*
#map table{
        border-collapse:collapse;
        margin:1%;
        width:98%;
}

#map table thead th{
        font-weight:normal;
        border-left:1px solid #999999;
        border-right:1px solid #999999;
}

#map table thead td{
        border:none
}

#map td{
        border-collapse:collapse;
        border:none;
}

#map h3{
        display:inline;
        color:#1D4E66;
}*/

#titreMap{
    padding-bottom:15px;
}

#titreMap h2{
    font-size:12px;
}

#optionsMap ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/*
#optionsMap li {
        float: left;
        background-color: #bbbbbb;
        border-top:1px solid #999999;
        border-left:1px solid #999999;
        border-right:1px solid #999999;
        margin: 0 5px 0 0;
}
*/
#optionsMap a {
    /*display: block;*/
    /*background-color: #d8d8d8;*/
    color: #000000;
    text-decoration: none;
    /*padding: 0.6em 1em 0.25em;*/
}

#optionsMap .selected a {
    background-color: #aaaaaa;
    font-weight: bold;
}

#optionsMap .action{
    float:right;
    background-color: #ffffff;
    color: #000000;
    padding: 7px 0px 0px 5px;
}

#droite{
    display: none;
    float:right;
    width:0px;
}

.boxes{
    margin-bottom:25px;
    border:1px solid #aaaaaa;
    padding:3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.boxes a{
    color:#000000;
}

.boxes b, .boxes b a, #accueil a, a.lien{
    color:#2b7129;
}

.boxes b.orange, .boxes b.orange a{
    color:#2b7129;
    text-decoration: none;
}

.boxes b, .boxes b a {
    color: #2b7129;
    text-decoration: none;
}

#piedDePage{
    position: relative;
    clear:both;
    width: 800px;
    font-size:8pt;
    color:#777777;
    padding-top:15px;
    margin: 30px auto 0px auto;
    border-top: 1px solid #dddddd;
}

#piedDePage a {
    color:#777777;
}

#piedDePage a:hover {
    color:#CC3366;
}

#piedDePage ul{
    list-style-type: none;
    padding-left: 0px;
}

#piedDePage ul li{
    line-height: 20px;
}

#piedDePage table{	
    width: 800px;
}

#piedDePage table td, #piedDePage table th{
    text-align: left;
    vertical-align: top;
}

.ui-accordion .ui-accordion-content {
    padding:0px 3px 0px 3px;
}

.ui-dialog .ui-dialog-content {
    padding:5px 0px;
}

.TextTitle {
    color:#2b7129; 
    font-weight: bold; 
    font-size: 13px; 
    text-decoration:none; 
    margin-top:0px;
}

.dialog{
    text-align : left;
}

#register{
    padding: 15px 20px;
}

#registerLoading{
    display:none;
    width : 100%;
    height : 100%;
}

#register, #register td, .dialog{
    color : #000000;
    font-size : 12px;
}

#register .inputText{
    width:250px;
}

#register select{
    width:254px;
}

#register b{
    color:#2b7129;
}

#register #registerLogin{
    border-bottom:1px solid #2b7129;
    padding-bottom:15px;
    margin-bottom:15px;
}

#register span{
    color:#2b7129;
}

#register table td{
    width:140px;
}

#infoLegalePied{
    font-size:7pt;
    color:#9e9e9e;
    margin-top:8px;
    padding-top:20px;
    border-top:1px solid #9e9e9e;
}

#infoLegalePied a{
    color:#9e9e9e;
}

#glossary{
    font-size: 8pt;
}

#site .active{
    font-weight:bold !important;
    text-decoration:none !important;
    /*color:#2b7129 !important;*/
}


#glossary table{
    margin:0 auto;
    text-align:center;
}

#glossary td{
    color:#2b7129;
    size:12pt;
    font-weight:bold;
    text-align:center;
    vertical-align:center;
    border:none;
}

#glossary .last{
    border-top:2px solid #2b7129;
}

#glossary .left{
    padding-top:2px;
}

#glossary .right{
}

#glossary .unit{
    color:#2b7129;
    font-weight:normal;
}

#glossary b{
    color:#2b7129;
}

#relatedReports{
    float:right;
    width : 39%;
}

#accueil{
    line-height: 17px;
}

#droiteAccueil{
    width : 60%;
}

select .region{
    font-weight: bold;
    color: #15639D;
}

#keyIndicators .bigKey{
    float: left;
    height: 80px;	
    margin-left: 15px;
    padding-left: 10px;
    font-size: 60px;
    color: #2b7129;	
    border-left: 1px solid #ade4ff;
}
#keyIndicators .icon {
    float: left;
    width: 70px;	
    height: 80px;	
}
#keyIndicators .icon img{
    width: 70px;	
}
#keyIndicators .tag{
    float: left;	
    margin-left: 85px;
    padding-left: 10px;
    font-size: 20px;
    border-left: 1px solid #ade4ff;
}
#keyIndicators .tag .color{
    color: #2b7129;
}

#toolbar {
    width: 100%;
    padding: 2px;
    display: inline-block;
}

.right{
    float: right;
    margin-top: 0px;
}

#toolbar .left{
    float: left;
}

.ui-menu { 
    z-index: 1010;
    position: absolute; 
    width: 140px; 
}

.twitter-share-button{
    width: 90px !important; 
}

.test-diago {
    width:150px;
    height:0px;
    border:30px solid;
    border-top-width:60px;
    border-bottom:none;
    border-left:none;
    border-color:#1048f4 #ffffff;
}

#yearRange{
    font-weight: bold;
}

#slider-range{
    width: 97%;
}

.ui-slider-range{
    background:#2b7129;    
}

.custom-combobox {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 1.7em;
    *top: 0.1em;
}
.custom-combobox-input {
    margin: 0;
    padding: 0.3em;
    width: 220px;
    cursor: pointer;
}

.ui-autocomplete{
    width: 188px;
    max-height: 300px;
    overflow: auto;
}

.button-droite{
    float: right;
    margin-right: 20px;
}

/* Buttons supplementaire*/
.ui-state-default.ui-button-blue,
.ui-widget-content .ui-state-default.ui-button-blue,
.ui-widget-header .ui-state-default.ui-button-blue {
    border: 1px solid #d3d3d3;
    background: #CDD325;
    font-weight: normal;
    color: #000000;
}

.ui-state-hover.ui-button-blue,
.ui-widget-content .ui-state-hover.ui-button-blue,
.ui-widget-header .ui-state-hover.ui-button-blue/*,
.ui-state-focus.ui-button-blue,
.ui-widget-content .ui-state-focus.ui-button-blue,
.ui-widget-header .ui-state-focus.ui-button-blue */{
    border: 1px solid #999999;
    background: #CDD325;
    font-weight: normal;
    color: #000000;
}

.ui-state-active.ui-button-blue,
.ui-widget-content .ui-state-active.ui-button-blue,
.ui-widget-header .ui-state-active.ui-button-blue {
    border: 1px solid #aaaaaa;
    background: #CDD325;
    font-weight: normal;
    color: #212121;
}

.ui-button-text-only .ui-button-text, .ui-button-text-only .ui-button-text, .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    font-size: 0.8em;
    padding: 4px;
}

.ui-button input{
    vertical-align: sub;
}

#buttonSuplementaire .button{
    margin-top: 10px;
    width: 100%;
    text-align: left;
}

.btn-icon{
    padding: 7.5px 15px;
}

.button{
    text-decoration: none !important;
}