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

height:auto;
}
#conteneur{

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) {

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

@media screen and (max-width: 700px) {
.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%;
}

}

@media screen and (max-width: 480px) {
#resultville {
    position: relative;
    z-index: 1000;
    border: none;
    display: inline-block;
    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:url("../images/page_i.jpg") repeat scroll 0 0 #E4E4E4}



#conteneur{width:100%;}
#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{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%;
}
}