@media screen and (min-width: 1000px) {
body{
margin-top:1%;

height:auto;
}
#conteneur{

vertical-align:middle;
margin:auto;
width:1000px;
}

#footer{

vertical-align:middle;
margin:auto;
width:1000px;
}

#cartesecteurs{
background:transparent;
border:0;
}
.jchart{
width:100%;
/*background:white;*/
}
div.header{width:30%;/* background:#ccc; */}
.header .titre{width:100%;font-weight:bold;}
}


@media screen and (max-height: 700px) {
body{
margin-top:0;
}#cartesecteurs{height:400px;}
}

@media screen and (max-width: 1000px) {


div.menu{
background: #666;
}

#tabres .tbody .tr {

    min-height: 62px;

}


#tabres .tbody .td.tab-suff, #tabres .tbody .td.tab-voix,.td.tab-tour, #tabres .thead .th.tab-suff, #tabres .thead .th.tab-voix {
    font-size: 1em;
   /*  height: 20px;
    line-height: 10px;
    position: absolute;
    top: 20px;
    vertical-align: middle;
    z-index: 1000; */
}
#tabres .tbody .td.tab-voix {
    left: 60%;
}

#tabres .tbody .td.tab-suff {
    left: 65%;
}

#tabres .tbody .td.tab-tour {
    font-size: 1.2em;
    font-weight: bold;
    height: auto !important;
    left: 80% !important;
    margin: 0 !important;
    padding: 3px !important;
    text-align: center;
    top: 5px;
    width: auto !important;
}

.jChart{margin-top:20px;}
.bvreschart{margin-top:0px;}
div.footer{display:none;}
#tabres,#searchres{height:70%;margin:auto}
label.tabs{
font-size: 0.8em;

    padding: 0;
    margin-bottom: -1px;
    padding-bottom: 5px;
}
}


@media screen and (max-width: 760px) {
#cantonlib{display:none !important;}
.st0{stroke-width:0.6px;}
#hreflogo{display:none;}
.maplegend{
fill:black;
}
#reslayout table {font-size:60%;}
#cartesecteurs{width:calc(100%-230px);height:auto;border:1px solid black;background:#fff}
div.header{width: 230px;}
label.tabs{
font-size: 0.8em;
   /*  width: 49%; */
    padding: 0;
    margin-bottom: -1px;
    padding-bottom: 5px;
}

#tabres .tbody .td.tab-tour{
	display :none;
}

}

@media screen and (max-width: 700px) {
	input:checked + label.hemi {

  padding: 0px 5px;
	margin-top: 10px;
}
.libelec{font-size:1em;}
.jChart{width:100%;}
#cantonlib{display:none !important;}
#subconteneur{
width:50%;
float:right;
}
#cartesecteurs
{
width:100%;
height:auto;
}
div.header{
width:49%;
}
#conteneur{width:99%;}

.ccvalue, .cclabel{font-size:10px;}
#bvlayout div.close,#reslayout div.close{width:50px;}
#bvlayout div.refresh,#reslayout div.refresh{width:60px;float:left;}
.displaychart{width:65px;float:left}

#reslayout .navbar,#bvlayout .navbar{}




section{
width:50%;
margin-left: 50%;
}

section.hemi{
width:auto;

}

}

@media screen and (max-width: 480px) {
	.refresh{display: none !important; }
#resultville {
    position: relative;
    z-index: 1000;
    border: none;
    display: none;
    border-radius: 0;
    width: 100%;
    text-align: center;
}

#reslayout,#searchres,#bvlayout {
    height: 100%;
    max-height: 100%;
	}
	
	#bvlayout {
    top: 0px;
	}

.titre{color: #0d80c3;background:#fff;font-weight: bold;margin-top:0px;}

#bandeau > a {
    display: table;
}
#bandeau img {
    float: left;
    width: 85%;
}
.libelec{font-size:0.8em;height: auto !important;line-height:normal !important;padding-top:5px;padding-bottom:5px;}
#cantonlib{display:none !important;}
body{text-align:center;width:99%;height:100%;background:#fff;overflow-x: hidden;}



#conteneur{width:100%;height: calc(100vh - 150px);}
#bandeau{height:36px;position:relative;margin-bottom:0px}

#subconteneur{width:100%;}
a[id$="-toggle"]{border-bottom:1px solid white;}
a#nav-toggle,a#search-toggle{display:block;color:white;text-decoration:none;padding:5px;height:24px;text-align:left;padding-left:30px;}

#reslayout{width:100%;top:0;}

a#search-toggle{background:url("../images/search.png") no-repeat 0px 40%;}
a#nav-toggle{background:url("../images/menu.png") no-repeat 0px 40%;}

div.header{
float:none;
text-align: center;
width: auto;
background: #666;
color: #fff !important;
margin-bottom:0px;
}
form#recherche {display:none;position:relative;padding-top:20px;}
#recherche span.titre{display:none;}
#chiffrescles{display:none;text-align:left;position:relative;border-bottom:1px solid white;}
#tabres{font-size:80%;}
#cartesecteurs{width:99%;height:auto;border:0;}
.tab-perc{display:block;width:18%}
.tab-tour{display:block;width:15%}
.tab-suff{display:block;width:16%}
.tab-list{display:block;width:49%;}
.navbar label{display:none;}
#reslayout .navbar,#bvlayout .navbar{background:#666;}
#bvlayout  .navbar .refresh,#reslayout  .navbar .refresh{width:24px;position:relative;right:10px;top:5px;padding:5px;float:right;}
#bvlayout .navbar .close, #reslayout .navbar .close{width:24px;position:relative;left:10px;top:5px;padding:0;}
.navbar{min-height:42px;}
.header .ccrefresh{display:none;}
#bandeau .ccrefresh{
top:0;
right:0;
display:inline-block;
padding:0;
background: url("../images/refresh.png") no-repeat scroll center center #666666;
height: 36px;
width: 36px;
margin:auto;
position:absolute;
}
.displaychart{display:none !important;}
.tab-siege,.tab-voix{display:none;}
.tab-list-small{width:49% !important;}
.smallFont{font-size:10px !important;}
.warnort{
  display: block;

    text-align: center;

    width: 100%;

	font-size:10px;

}

#tabres, #searchres {
    height: 92%;
	height: calc(100% - 60px);
}


#tabres .tbody{
height: calc(100% - 30px);
max-height: none;
}
div.tbody {
    overflow: initial;
}
.toppos {

    display: flex;

}
.tab-list,.smallFont .tab-list {
    width: 85% !important;
}

.toppos span {

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    padding-left: 10px;

}

.titre .caption {
    line-height: 20px;
	height: auto;
}
small {

    clear: both;
    float: none;
    width: 100%;
    display: block;

}

.tab-perc {
    width: 5% !important;
    text-align: right;
    min-width: initial !important;
}

}