/* @import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700"); */





#debug{display:none;}
body{margin:0;padding:0;background:url("../images/page_t.jpg") #E4E4E4;font-family:Helvetca,Arial;text-align:center;}


#bandeau{
background:#fff;
display: table;
height: 90px;
width: 100%;
margin-bottom:15px;
}

#bandeau .ccrefresh{display:none;}
a#nav-toggle,a#search-toggle{display:none;}

#cartesecteurs{width:400px;height:auto;
/*display:table;*/
}
#cartesecteurs.hemi{width:100%;height:400px;}
#conteneur{
display: inline-block;
width: 760px;
background:#fff;
position:relative;
}

#footer{
display: inline-block;
width: 760px;
background:#313234;
position:relative;
}
#subconteneur{
text-align:center;
position:relative;
width:auto;
}

#results{float:right;width:50%}

#chiffrescles {display:block;min-height:30px;padding:3px;list-style: none outside none;font-size:90%;position:relative;left:0;}
#chiffrescles li{margin:6px;text-align:left}


#chiffrescles div.sfield , div.sfield {float:left;font-size:75%;margin-bottom:20px;}

#chiffrescles label:after{content:" : ";}
#chiffrescles label {
display: inline-block;
    font-weight: bold;
    line-height: 18px;
    text-align: right;
    width: 135px;
}

#chiffrescles li.warn{text-align:center}
#chiffrescles li.sfield:after{content:"";}
#chiffrescles li span.them0,#chiffrescles li span.reschiffres{float:right;}

#chiffrescles li span.reschiffres{padding-top:3px;padding-right:3px;}


form#recherche {display:block;position:relative;left:0;text-align:center;z-index:5;}
#recherche span.titre{display:block;}

.ccrefresh{cursor:pointer;position:relative;z-index:5;background:url("../images/refresh-ccc.png") no-repeat;height:24px;padding-left:30px;display:inline-block;margin-top:10px;
padding-top: 5px;
padding-right: 5px;
font-size: 1.5em;
}

#reslayout{background:#fff;width:100%;/* height:570px;max-height:570px;position:absolute; */z-index:1000;top:82px;font-size:80%;;min-height:390px}


#bvlayout{background:#fff;width:100%;/* height:552px;position:absolute; */z-index:2000;top:82px;font-size:80%;min-height:390px}
#reslayout table{margin:auto;width:95%;table-layout:fixed;background:red;}
#reslayout table tbody{display:block;overflow:auto;width:100%;height:70%}
#reslayout table thead{background:#666;color:white}
#reslayout table thead tr {
      display: block;
      position: relative;
    }
}



#reslayout table td.tab-list{text-align:left;}
#reslayout table td.tab-perc{text-align:right;}
#reslayout table td.tab-tour{text-align:right;}
#reslayout table td.tab-suff{text-align:right;}
table {min-height:100px}

td:nth-child(1), th:nth-child(1) { width: 60%;}
td:nth-child(3), th:nth-child(3) { width: 10%; }
td:nth-child(4), th:nth-child(4) { width: 10%; }

td:nth-child(1), th:nth-child(1) { min-width: 100px; }
td:nth-child(3), th:nth-child(3) { min-width: 100px; }
td:nth-child(4), th:nth-child(4) { width: 10%; }


#searchres td:nth-child(1), #searchres th:nth-child(1) { width: 10%;}
#searchres td:nth-child(2), #searchres th:nth-child(2) { width: 60%; }
#searchres td:nth-child(3), #searchrest h:nth-child(3) { width: 14%; }

#searchres td:nth-child(1), #searchres th:nth-child(1) { min-width: 10%; }
#searchres td:nth-child(2), #searchres th:nth-child(2) { min-width: 60%; }
#searchres td:nth-child(3), #searchres th:nth-child(3) { width: 14%; }

.tab-numbur{width:10%;text-align:right;padding:1%;}
.tab-nombur{width:60%;text-align:left;padding:1%;}
.tab-sctbur{width:15%;text-align:center;padding:1%;}
.warnort{display:none;}

#searchres div.tr
{
width:99%;
}

#reslayout div.content,#bvlayout div.content{
margin-top:10px;
height:auto;
text-align: center;}
#bvlayout div.close,#reslayout div.close{cursor:pointer;float:left;background:url("../images/back.png") no-repeat #666;padding-top:3px;padding-left:30px;height:21px;width:80px;}
#bvlayout div.refresh,#reslayout div.refresh{cursor:pointer;float:right;background:url("../images/refresh.png") no-repeat 5px 0px #666;padding-top:3px;padding-left:30px;height:24px;width:80px;text-align:left;margin-right: 10px;margin-top: 2px;}
#reslayout .navbar,#bvlayout .navbar{height:36px;width:100%;text-align:left;color:white;background:#666;position:static;top:0;left:0;}
#bvlayout div.refresh label,#reslayout div.refresh label{cursor:pointer}


#searchres div.tbody div.tr{
cursor:pointer;
}

#loading{width:32px;height:32px;background:url(images/loading.gif) no-repeat;position:absolute; top:50%;left:50%;z-index:5000;}

div.footer{display:block;}
div.menu{padding:0;font-size:80%}
div.header{float:left;width:296px;/* background:#ccc;  */margin-bottom: 15px;}
.table{display:block}
.table-hidden{display:none;}
.clearfix{float:none;clear:both;}
.warnres{font-size:110%;background:white;}
.titre{margin-top:15px;border-bottom:1px solid white;padding: 2px 2px 2px;color:#666;}
.titre .caption{font-size:120%;font-weight:bold;height: 30px;line-height: 30px;vertical-align: middle;color:#fff;}
.alert{color:red;font-weight:bold;background-color:white;}
.them0{border:1px solid #666;padding:3px; border-radius:10px;background:white;color:#000}

.them1{background:#666;color:#666;}
.header.them1{background:#fff;color:#000;}
.pct{background:#FFF;color:#666;}
.st0{fill:#8795b7;stroke-width:0.3px;}
.circo .st0{fill:#ccc;stroke-width:0.3px;}
.hoverf{fill:#0000CC;cursor:pointer;}
.sectdep1 .hoverf{fill:#ffff00;cursor:pointer;}
.odd{background:#fff;}
.even{background:#E4E4E4;}

div.tr{width:100%;display:inline-block;}
div.th ,div.td{float:left;height:auto;padding:3px}

.td.tab-suff.tab-siege {
    padding: 3px 0px;
}
#tabres,#searchres{/*height:90%;*/
margin:auto}
#searchres{width:100%;/* position:absolute;height:483px;max-height: 483px; */z-index:6;background:#666;min-height: 390px; overflow: auto;}
#tabres{z-index:1000;}
div.tr:after{float:none;clear:both}
div.thead{max-height:24px;background:#666;color:white;}
div.thead .th{text-align:center !important;}
div.tbody{/*height:98%;*/
overflow:auto;background:#666;}
#tabres .tbody {
    /* max-height: 400px; */
}
#chiffrescles li.bvdep{text-align:center}
#chiffrescles li.bvdep label:after{content:"";}


#chiffrescles li.inscrits,
#chiffrescles li.participation,
#chiffrescles li.votants,
#chiffrescles li.exprimes ,
#chiffrescles li.blancs ,
#chiffrescles li.nuls,
#chiffrescles li.etl
{left:15%;position:relative;}


#chiffrescles li.inscrits label:after,
#chiffrescles li.participation label:after,
#chiffrescles li.votants label:after,
#chiffrescles li.exprimes label:after,
#chiffrescles li.blancs label:after,
#chiffrescles li.nuls label:after
{content:"";}

#chiffrescles li.participation label,
#chiffrescles li.inscrits label,
#chiffrescles li.votants label,
#chiffrescles li.exprimes label,
#chiffrescles li.blancs label,
#chiffrescles li.nuls label
{width:100px !important;text-align: left;}

.tab-list{width:65%;text-align:left;}
.tab-perc{width:9%;text-align:right}
.tab-tour{width:10%;text-align:right}
.tab-suff{text-align:right;min-width:10%}
.tab-siege{text-align:center;min-width:5%;cursor: help;}

.smallFont .tab-list{width:65% !important;;text-align:left;min-width: initial !important;}
.smallFont .tab-perc{width:5% !important;;text-align:right;min-width: initial !important;}
.smallFont .tab-tour{width:5% !important;;text-align:right;min-width: initial !important;}
.smallFont .tab-voix {width: 7% !important;min-width: initial;}
.smallFont .toppos{font-size: 12px;}
.tab-suff{text-align:right;min-width:10%}
.tab-siege{text-align:center;width:5% !important;min-width: initial !important;}
.tab-list-small{width:50% !important;}
.smallFont{font-size:10px !important;}
#tblChart
{
width:100%!important;
}

#tblChart td:nth-child(1){
min-width:0px !important;
}
.jqx-button{
z-index:8000;
}

.jqx-chart-axis-text, .jqx-chart-label-text, .jqx-chart-tooltip-text, .jqx-chart-legend-text{
font-size:10px !important;
}



#graph {
    background: white none repeat scroll 0 0;
    border: 1px solid black;
    left: 0;
    margin-top: 10px;
    max-height: 432px;
    position: absolute;
   /*  top: 80px; */
    z-index: 1000;
	width:100%;
}
.jChart{position:absolute;top:210px;left:0;z-index:3000;width:758px;height:100%;max-height: 760px}
.jChart.bvreschart{top:200px;}
.dspgraph{
background: url("../images/charts.png") no-repeat scroll 0 0 #666;
}

.dspliste{
background: url("../images/liste.png") no-repeat scroll 0 0 #666 !important;
}

.displaychart{
background: url("../images/charts.png") no-repeat scroll 0 0 #666;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    width: 100px;
	color:white;
	padding-top:2px;
	padding-left:31px;
	display:none !important;
}

.displaychart text{
font-size:11px;
}

.graphvoix{
font-size:10px;
}

.graphliste, .graphaxis, .graphlegend{
font-size:11px;
}


.sectdep1{
stroke: #fff;
stroke-width: 0.2;
fill:#495980;
}

.sectelu {
stroke: #fff;
stroke-width: 0.2;
fill:#263559;
}


.circo .sectdep1{
stroke: #333;
stroke-width: 0.2;
fill:#999;
}


path{cursor:pointer;
fill-rule: evenodd;
clip-rule: evenodd;
}
.maplegend{
fill:#000;
}
.maplegend text{font-size:12px;}
path:hover{
transition: all 0.4s ease 0s;
}



#logo{
  height: 40px;
  width: 142px;
}

#hreflogo{
    height: 40px;
    left: 20px;
    position: relative;
    top: 20px;
    width: 142px;
	display:block;
}
.toppos{
font-weight:bold;
padding-left:10px;
}
.toppos span{white-space:nowrap;}

text.small{
font-size:11px !important;
}

div.thead .tab-numbur{text-align:right !important;}
div.thead .tab-nombur{text-align:left !important;}

#displayville{z-index:100;cursor:pointer;position:relative;width:auto;}
#cantonlib{border-radius:8px;position:absolute;z-index:1000;background:#FFFF99;right:0;font-size:10px;display:none;text-align:left;margin-top:10px;margin-right:10px;padding:5px;}
#cantonlib .listec{font-size:8px !important;font-style:italic;color:#666}
#cantonlib h4{text-align:center;border-bottom:1px dashed grey;margin-top:3px;padding-bottom:5px;}
.tobottom{bottom:0;}
.totop{top:0;}

div.footer {
    background: #313234 none repeat scroll 0 0;
    display: table;
    height: 150px;
    width: 100%;
}

.libelec {
    color: #fff;
    font-size: 1.8em;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    width: 100%;
	 text-align: center;
}

.hgradient {
background: #2578e9;
background: -moz-linear-gradient(left,  #2578e9 0%, #51bae6 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2578e9), color-stop(100%,#51bae6));
background: -webkit-linear-gradient(left,  #2578e9 0%,#51bae6 100%);
background: -o-linear-gradient(left,  #2578e9 0%,#51bae6 100%);
background: -ms-linear-gradient(left,  #2578e9 0%,#51bae6 100%);
background: linear-gradient(to right,  #2578e9 0%,#51bae6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2578e9', endColorstr='#51bae6',GradientType=1 );
}

#reslayout .titre, #bvlayout .titre {
    color: #666;
	margin-top:0;
}

div.thead .th.tab-suff {
    text-align: center !important;
}
.cclabel, .ccvalue {
    color: #333;
    font-size: 120%;
}

input.them0[type=button]{cursor:pointer;}
#resultville{position:relative;z-index:1000;display:none;}
#recherche input[type="text"] {
    margin-bottom: 5px;
	 margin-top: 10px;
    width: 90%;
}

.viewresults{
width:70%;
float:left;
text-align:center;
margin-left:30%;
}
.viewresults a{text-decoration:none;}
.viewresults div{
background:#ccc;
width:48%;
padding:5px;
display:inline-block;
}

.viewresults div.active{
background:#fff;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}




*, *:before, *:after {
  box-sizing: border-box;
}

section {
  padding: 20px 0 0;
  border-top: 1px solid #ccc;
   margin-left: 30%;
}

section.hemi {

   margin-left: 0%;
}

input.tabs {
  display: none;
}

label.tabs {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}




label.tabs:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}



label.tabs:hover, label.tabs:hover > a {
  color: #888;
  cursor: pointer;
}

input + label {
  color: #bbb;
  /* border: 1px solid #ccc; */
}


input:checked + label {
  color: #555;
  border: 1px solid #ccc;

  border-bottom: 1px solid #fff;
}

input:checked + label.arrdt {
  border-top: 5px solid #a36ac0;
}

input:checked + label.circo {
  border-top: 5px solid #999;
}

input:checked + label.hemi {
  border-top: 5px solid #999;
}

.tabs > a {
    color: #bbb;
    font-weight: normal;
    text-decoration: none;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}

.libcirco{
stroke:#fff;
stroke-width:0.5;
}

.vres {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    display: table;
    height: 19px;
    margin-bottom: 10px;
    margin-left: 10px;
    width: 60%;
	
}

.vres .barr{
background: #a36ac0 none repeat scroll 0 0;
    float: left;
    height: 100%;
    margin-right: 10px;
}

.lblpct {
    float: left;
}
.tab-suff{/* display:none; */}

#tabres .tbody .tr{
margin-bottom:3px;
/* -webkit-box-shadow: 0px 10px 5px -7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 5px -7px rgba(0,0,0,0.75);
box-shadow: 0px 10px 5px -7px rgba(0,0,0,0.75); */
border: 1px solid #ccc;
position:relative;
}

#tabres .tbody .tr:hover{
background:#bfc8d3;
}

#tabres .tbody .td.tab-voix {
   /*  float: left;
    font-size: 1.2em;
    left: 70%;
    position: absolute;
    text-align: right;
    top: 10px;
    width: 110px;
    z-index: 1000; */
}

#tabres .tbody .td.tab-suff,
#tabres .tbody .td.tab-voix,
#tabres .thead .th.tab-suff,
#tabres .thead .th.tab-voix
 {
    font-size: 1.2em;
    height: 20px;
    line-height: 40px;
    margin-top: 10px;
    top: 10px;
    vertical-align: middle;
    width: 110px;
    z-index: 1000;
}

#tabres .thead .th.tab-suff,
#tabres .thead .th.tab-voix
 {
 margin-top:0;
 line-height:normal;
 }


#tabres .tbody{
background:#fff;
}
#tabres .thead .tr {
     display: none; 
}

.bvdep label{width:auto !important}