#carte
{
    background-color: #FFFFFF;
}

#overviewContainer.closed {
    background: none repeat scroll 0 0 transparent;
}

#overviewContainer {
    background-image: url("./img/overview/overview-fond.png");
    background-repeat: no-repeat;
    bottom: 10px;
    height: 90px;
    padding: 5px;
    position: absolute;
    right: 45px;
    width: 180px;
    z-index: 999;
}

#overviewMap {
    height: 100%;
    width: 100%;
}

#overviewOpened {
    height: 90px;
    width: 180px;
}

#overviewClose {
    background-image: url("./img/overview/overview-close.png");
    background-repeat: no-repeat;
    bottom: 4px;
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 4px;
    width: 24px;
    z-index: 2000;
}

#overviewOpen {
    background-image: url("./img/overview/overview-open.png");
    background-repeat: no-repeat;
    bottom: 0;
    cursor: pointer;
    display: none;
    height: 28px;
    position: absolute;
    right: 0;
    width: 28px;
    z-index: 2000;
}

#status_loading {
    background-image: url("img/transparent.png");
    font-family: Verdana;
    font-size: 12px;
    left: 50px;
    padding: 7px 10px 7px 25px;
    position: absolute;
    top: 10px;
    z-index: 999999;
}

#carteSearch
{
    height:200px;
    width:256px;
}

#cdMapTop
{
    height:43px;
    position:relative;
    z-index:1000;
}
#cdMapBottom
{
    height:30px;
    position:relative;
    z-index:9999;
}

#cdMapBottomTop
{
    height:6px;
    background-image:url(img/panneau_content_haut.png);
    background-repeat:repeat-x;
}

#positionSouris
{
    font-family: Verdana;
    color: #000000;
    padding-top: 3px;
}

#barreDEchelleGraphique
{
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
}
#barreDEchelleNumerique
{
    /*font-family: Verdana;
	font-size: 10px;
	color: #000000;
	position:absolute;
	right:100px;*/
    text-align : right;
    padding-right: 20px;
}
#tbLocalisation
{
    position: absolute;
    top: 0px;
    right: 0px;
    height: 24px;
}
#barreDEchelleNumeriqueContenu
{
    float:left;
    margin-left:3px;
}
/**
 * Barre d echelle
*/
.olControlScaleBarBar {
    background-color:#000000;
    border:1px solid #000000;
    height:5px;
    top:7px;
}
.olControlScaleBarBarAlt {
    background-color:#FFFFFF;
    border:1px solid #000000;
    height:5px;
    top:7px;
}
.olControlScaleBarMarkerMajor {
    background-color:#333333;
    height:5px;
    top:8px;
    width:1px;
}
.olControlScaleBarMarkerMinor {
    background-color:#333333;
    height:5px;
    top:8px;
    width:1px;
}
.olControlScaleBarLabelBox {
    height:15px;
    top:-2px;
    display: none;
}
.olControlScaleBarNumbersBox {
    font-size:9px;
    height:13px;
    top:13px;
    width:46px;
}
.olControlScaleBarLabelBoxSingleLine {
    height:15px;
    width:85px;
    top:5px;
    left:10px;
}

#choixSRS
{
    text-align: center;
}
#choixSRSValeur
{
    float:left;
    margin-left:3px;
}
#ConteneurDeCarte
{
    position: relative;
    margin-top: -17px;
    margin-bottom:-6px;
    background: white;
}
#VueDEnsemble_Carte
{
    position:absolute;
    top:5px;
    left:5px;
    z-index: 998;
    border: solid 1px #FFFFFF;
}
.olControlOverviewMapElement {
    background-color:#FFFFFF;
    padding: 0px;
}

#visuContainer #top1{
    background-image:url(img/barre_outils_fd_bleu.png);
    background-repeat:repeat-x;
    display : inline-block;
    height: 100%;
    margin-right: -4px;
}

#visuContainer #top2{
    background-image:url(img/barre_outils_arrondi_g.png);
    background-repeat:no-repeat;
    width: 57px;
    display : inline-block;
    height: 100%;
    margin-right: -4px;
}

#visuContainer #top3{
    display : inline-block;
    height: 100%;
    margin-right: -4px;
}

#visuContainer #top4{
    background-image:url(img/barre_outils_arrondi_d.png);
    background-repeat:no-repeat;
    width: 57px;
    display : inline-block;
    height: 100%;
    margin-right: -4px;
}

#visuContainer #top5{
    background-image:url(img/barre_outils_fd_bleu.png);
    background-repeat:repeat-x;
    display : inline-block;
    height: 100%;
    padding-right: 5px;
}

#toolbarMapTop
{
    background-image:url(img/barre_outils_fd_blanc.png);
    background-repeat:repeat-x;
    width:280px;
    /*margin-left:auto;
    margin-right:auto;*/
    height: 100%;
}

#toolbarMapTop div
{
    float: left;
    width: 40px;
    height: 30px;
    margin-top:5px;
}

#toolsBar {
    overflow: hidden;
    padding: 10px 20px;    
}

#drawBar{
    height: 93px; /*60*/
    /*padding-top: 5px;*/
    padding: 10px 50px;/*40*/
    /*width: 180px;*/
    overflow: hidden;
}

/*#drawBar div {
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 50px;
    padding-right: 30px;
    width: 50px;
}*/

#logBar {
/*    float: left;*/
    height: 27px;
    padding-top: 5px;
    width: 35px;
}

#logBar div {
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 27px;
    padding-right: 5px;
    width: 35px;
}

#drawingBar {
/*    float: left;*/
    height: 27px;
    padding-top: 5px;
    width: 200px;
}

#drawingBar div {
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 27px;
    padding-right: 5px;
    width: 35px;
}

#pointBar {
/*    float: left;*/
    display: none;
    height: 27px;
    padding-top: 5px;
    width: 200px;
}

#pointBar div {
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 27px;
    padding-right: 5px;
    width: 35px;
}

#lineBar {
/*    float: left;*/
    display: none;
    height: 27px;
    padding-top: 5px;
    width: 200px;
}

#lineBar div {
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 27px;
    padding-right: 5px;
    width: 35px;
}

#polygonBar {
/*    float: left;*/
    display: none;
    height: 27px;
    padding-top: 5px;
    width: 200px;
}

#polygonBar div {
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 27px;
    padding-right: 5px;
    width: 35px;
}

#mapSearchTop{
    height:24px;
    width:256px;
    background-image:url(img/zcc_bo_m.png);
    background-repeat:repeat-x;
}

#toolbarMapSearchTop div
{
    float: left;
    width: 24px;
    height: 24px;
}

.olControlZoomBoxItemActive
{
    background-image: url('img/outil_agrandir_actif.png');
    background-repeat: no-repeat;
}
.olControlZoomBoxItemInactive
{
    background-image: url('img/outil_agrandir_inactif.png');
    background-repeat: no-repeat;
}
.olControlZoomBoxItemInactive:hover
{
    background-image: url('img/outil_agrandir_survol.png');
    background-repeat: no-repeat;
}
.olControlZoomBoxOutItemActive
{
    background-image: url('img/outil_reduire_actif.png');
    background-repeat: no-repeat;
}
.olControlZoomBoxOutItemInactive
{
    background-image: url('img/outil_reduire_inactif.png');
    background-repeat: no-repeat;
}
.olControlZoomBoxOutItemInactive:hover
{
    background-image: url('img/outil_reduire_survol.png');
    background-repeat: no-repeat;
}
.olControlNavigationItemActive
{
    background-image: url('img/outil_deplacer_actif.png');
    background-repeat: no-repeat;
}
.olControlNavigationItemInactive
{
    background-image: url('img/outil_deplacer_inactif.png');
    background-repeat: no-repeat;
}
.olControlNavigationItemInactive:hover
{
    background-image: url('img/outil_deplacer_survol.png');
    background-repeat: no-repeat;
}
.olControlZoomToMaxExtentItemActive
{
    background-image: url('img/outil_accueil2_inactif.png');
    background-repeat: no-repeat;
}
.olControlZoomToMaxExtentItemInactive
{
    background-image: url('img/outil_accueil2_inactif.png');
    background-repeat: no-repeat;
}
.olControlZoomToMaxExtentItemInactive:hover
{
    background-image: url('img/outil_accueil2_survol.png');
    background-repeat: no-repeat;
}
.olControlSeparatorItemActive
{
    background-image: url('img/tb_button_separation.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 10px !important;
}
.olControlSeparatorItemInactive
{
    background-image: url('img/tb_button_separation.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 10px !important;
}
.olControlUnselectionItemActive
{
    background-image: url('img/tb_button_unselection.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 24px !important;
}
.olControlUnselectionItemInactive
{
    background-image: url('img/tb_button_unselection.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 24px !important;
}
.olControlQueryToolItemActive
{
    background-image: url('img/outil_infos_actif.png');
    background-repeat: no-repeat;
}
.olControlQueryToolItemInactive
{
    background-image: url('img/outil_infos_inactif.png');
    background-repeat: no-repeat;
}
.olControlQueryToolItemInactive:hover
{
    background-image: url('img/outil_infos_survol.png');
    background-repeat: no-repeat;
}
.olControlLegendsItemActive
{
    background-image: url('img/tb_button_legends.png');
    background-repeat: no-repeat;
}
.olControlLegendsItemInactive
{
    background-image: url('img/tb_button_legends.png');
    background-repeat: no-repeat;
}
.olControlLayersCustoItemActive
{
    background-image: url('img/tb_button_layerscusto.png');
    background-repeat: no-repeat;
}
.olControlLayersCustoItemInactive
{
    background-image: url('img/tb_button_layerscusto.png');
    background-repeat: no-repeat;
}
.olControlResponseTimesItemActive
{
    background-image: url('img/tb_button_responsetimes.png');
    background-repeat: no-repeat;
}
.olControlResponseTimesItemInactive
{
    background-image: url('img/tb_button_responsetimes.png');
    background-repeat: no-repeat;
}
.olControlExportKMLItemActive
{
    background-image: url('img/tb_button_kml.png');
    background-repeat: no-repeat;
}
.olControlExportKMLItemInactive
{
    background-image: url('img/tb_button_kml.png');
    background-repeat: no-repeat;
}
.olControlSaveWMCItemActive
{
    background-image: url('img/tb_button_savewmc.png');
    background-repeat: no-repeat;
}
.olControlSaveWMCItemInactive
{
    background-image: url('img/tb_button_savewmc.png');
    background-repeat: no-repeat;
}
.olControlLoadWMCItemActive
{
    background-image: url('img/tb_button_loadwmc.png');
    background-repeat: no-repeat;
}
.olControlLoadWMCItemInactive
{
    background-image: url('img/tb_button_loadwmc.png');
    background-repeat: no-repeat;
}
.olControlSwitchInterfaceItemActive
{
    background-image: url('img/tb_button_interface_activated.png');
    background-repeat: no-repeat;
}
.olControlSwitchInterfaceItemInactive
{
    background-image: url('img/tb_button_interface.png');
    background-repeat: no-repeat;
}
.olControlImprimerItemActive
{
    background-image: url('img/tb_button_imprimer.png');
    background-repeat: no-repeat;
}
.olControlImprimerItemInactive
{
    background-image: url('img/tb_button_imprimer.png');
    background-repeat: no-repeat;
}
.olControlSearchBoxItemActive
{
    background-image: url('img/tb_button_selection_activated.png');
    background-repeat: no-repeat;
}
.olControlSearchBoxItemInactive
{
    background-image: url('img/tb_button_selection.png');
    background-repeat: no-repeat;
}

.visuControlLogToolItemActive {
    background-image: url('img/service_coupe_actif.png');
    background-repeat: no-repeat;
}

.visuControlLogToolItemInactive {
    background-image: url('img/service_coupe_inactif.png');
    background-repeat: no-repeat;
}

/*.visuControlLogToolItemInactive:hover {
    background-image: url('img/service_coupe_survol.png');
    background-repeat: no-repeat;
}*/

.visuControlDrawPointItemActive {
    background-image: url('img/service_coupe_actif.png');
    background-repeat: no-repeat;
}

.visuControlDrawPointItemInactive {
    background-image: url('img/service_coupe_inactif.png');
    background-repeat: no-repeat;
}

.visuControlDrawPointItemInactive:hover {
    background-image: url('img/service_coupe_survol.png');
    background-repeat: no-repeat;
}

.visuControlDrawLineItemActive {
    background-image: url('img/service_localisation_actif.png');
    background-repeat: no-repeat;
}

.visuControlDrawLineItemInactive {
    background-image: url('img/service_localisation_inactif.png');
    background-repeat: no-repeat;
}

.visuControlDrawLineItemInactive:hover {
    background-image: url('img/service_localisation_survol.png');
    background-repeat: no-repeat;
}

.visuControlDrawPolygonItemActive {
    background-image: url('img/service_impression_actif.png');
    background-repeat: no-repeat;
}

.visuControlDrawPolygonItemInactive {
    background-image: url('img/service_impression_inactif.png');
    background-repeat: no-repeat;
}

.visuControlDrawPolygonItemInactive:hover {
    background-image: url('img/service_impression_survol.png');
    background-repeat: no-repeat;
}

/** Barre de dessin **/
.olControl {
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 50px;
    width: 50px;
    text-align: center;
    padding-top: 53px;
}

.olControlDrawFeaturePointItemActive
{
    background-image: url('img/bouton_points_actif.png');
    padding-right: 30px;
}
.olControlDrawFeaturePointItemInactive
{
    background-image: url('img/bouton_points_inactif.png');
    padding-right: 30px;
}
/*.olControlDrawFeaturePointItemInactive:hover
{
    background-image: url('img/bouton_points_survol.png');
    background-repeat: no-repeat;
    padding-right: 30px;
}*/

.olControlDrawFeatureLineItemActive
{
    background-image: url('img/bouton_ligne_actif.png');
    padding-right: 30px;
}
.olControlDrawFeatureLineItemInactive
{
    background-image: url('img/bouton_ligne_inactif.png');
    padding-right: 30px;
}
/*.olControlDrawFeatureLineItemInactive:hover
{
    background-image: url('img/bouton_ligne_survol.png');
    background-repeat: no-repeat;
    padding-right: 30px;
}*/

.olControlDrawFeaturePolygonItemActive
{
    background-image: url('img/bouton_polygone_actif.png');
    padding-right: 30px;
}
.olControlDrawFeaturePolygonItemInactive
{
    background-image: url('img/bouton_polygone_inactif.png');
    padding-right: 30px;
}
/*.olControlDrawFeaturePolygonItemInactive:hover
{
    background-image: url('img/bouton_polygone_survol.png');
    background-repeat: no-repeat;
}*/

.olControlDrawFeatureRingItemActive
{
    background-image: url('img/bouton_cercle_actif.png');
}
.olControlDrawFeatureRingItemInactive
{
    background-image: url('img/bouton_cercle_inactif.png');
}

.olImageLoadError {
  display: none;
}

#mesure {
    background-image: url("img/transparent.png");
    font-family: Verdana;
    font-size: 12px;
    padding: 7px 10px 7px 25px;
    position: absolute;
    top: 14px;
    z-index: 9999;
    width: 180px;
    display: none;
}

label[for="inputX"],
label[for="inputY"] {
  float: left;
  display: contents;
}

