* {-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;
}

a{
    cursor: pointer;
}

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

#site{
    margin: 0px auto 0 auto;
    width:100%;
    max-width:1420px;
    text-align:left;
}

#gauche{
    float:left;
    width:200px;
}

#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;
}

.message{
    color:#2b7129 !important;
}

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

.grey{
    color:#999999 !important;
}

.button.border {
    border-left: 6px solid #0868AC;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    text-align: left;
}

.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: 350px;
}

#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:#1C93CD;
    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 : none;
    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;
}

#contenu h2{
    text-align: center;
}

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

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

/*#mapExport{
        clear: both;
        float: left;
        height: 550px;
        display: none;
}*/

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

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

.graph-nuage{
    height:500px !important;
}

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

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

#graph #titreGraph{
    height:20px;
}

#graph h2{
    display:inline;
}

#graph #contenuGraph{
    height:400px;
    margin-top: 30px;
}

#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:#1C93CD;
    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:#1C93CD;
}

#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:#1C93CD !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;
}

#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;
}

.ui-slider-range{
    background:#1C93CD;
}

#slider-range{
    widfth:97%;
}

.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: auto;
    min-width: 188px;
    max-height: 300px;
    overflow: auto;
}

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

/* Buttons style bleu*/
.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: #1C74BB url(images/ui-bg_glass_75_1C93CD_1x400.png) 50% 50% repeat-x;
    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: #91ADC5 url(images/ui-bg_glass_75_B3DBEE_1x400.png) 50% 50% repeat-x;
    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: #ffffff url(images/ui-bg_glass_75_B3DBEE_1x400.png) 50% 50% repeat-x;
    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;*/
/*}*/

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


#choixPays, #aideEquation{
    float: left;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
}

#choixPays > div:nth-child(1), #aideEquation > div:nth-child(1) {
    /*margin-right: 2%;*/
}
#choixPays > div, #aideEquation > div {
    float: left;
    position: relative;
    /*width: 96%;*/
    width: 100%;
}
#choixPays > div h3, #aideEquation > div h3 {
    color : #545454;
    background-color: #dddddd;
    line-height: 20px;
    padding: 5px;
    width: 100%;
}

.line{
    width: 100%;
    float: left;
    clear: left;
}

.line.new{
    margin-top:25px;
}

.sz {float: left; padding: 0 0.25%}
.sz-right {float: right;}

.sz-1 {width: 8.16665%;}
.sz-2 {width: 16.3333%;}
.sz-3 {width: 24.49995%;}
.sz-4 {width: 32.6666%;}
.sz-5 {width: 40.83325%;}
.sz-6 {width: 48.9999%;}
.sz-7 {width: 57.16655%;}
.sz-8 {width: 65.3332%;}
.sz-9 {width: 73.49985%;}
.sz-10 {width: 81.6665%;}
.sz-11 {width: 89.83315%;}
.sz-12 {width: 97.9998%;}

.sz img{
    width: 90%;
    margin-left: 5%;
    max-height: 140px;
}

.resultat{
    font-size : 10pt;
    border: 1px solid #000000;
    width: 100%;
    padding: 5px;
}

.resultat .border-right{
    border-right : 1px solid #000000;
}

.resultat .border-left{
    border-left : 1px solid #000000;
}

.left{text-align: left;}
.center{text-align: center;}

.resultat, .resultat thead th, .resultat td{
    border-collapse: collapse;
    padding: 5px;
}

.resultat tr, .resultat thead{
    height: 40px;
}

.resultat tr:hover{
    background-color : #d3d3d3;
}

.resultat thead th{
    color : #FFFFFF;
    background-color : #2b7129;
    text-align: center;
}

.resultat td:nth-child(n+1){
    white-space: nowrap;
    min-width: 100px;
}

.resultat .categorie td{
    background-color : #8cd48a;
}