body {
        padding-top: 20px;
        padding-bottom: 40px;
        background-image:url(../../public/img/BG.png);

      }
      /* Custom container */
      .container-narrow {
        margin: 0 auto;
        max-width: 790px;
      }
      .container-narrow > hr {
        margin: 30px 0;
      }

      /* Main marketing message and sign up button */
      .jumbotron {
        margin: 60px 0;
        text-align: center;
      }
      .results  {
        margin: 30px 0;
        text-align: center;
      }
      .results h1  {
        font-size: 72px;
        line-height: 1;
      }
      .jumbotron h1 {
        font-size: 72px;
        line-height: 1;
      }
      .jumbotron .btn {
        font-size: 21px;
        padding: 14px 24px;
      }

      /* Supporting marketing content */
      .marketing {
        margin: 60px 0;
      }
      .marketing p + h4 {
        margin-top: 28px;
      }
      .hide {
        display: none;
      }

#empire-state-building {
    background-color: white;
    color: #292929;
    font-weight: 300;
    height: 30px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    background-color:white; padding:10px; border-radius:5px 5px 5px 5px; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.07), 0 1px 0 white inset, 0 -3px 0 0 rgba(0, 0, 0, 0.06) inset, 0 -4px 0 0 rgba(255, 255, 255, 0.5) inset, 0 4px 0 0 rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.08);
}

#empire-state-building .top-container {
    margin: 0 auto;
    width: 770px;
}
#empire-state-building #app {
    float: left;
    font-size: 18px;
    margin: 13px 0 0;
}

#empire-state-building #nav {
    float: right;
    font-size: 13px;
    margin: 15px 0 0;
}

#empire-state-building #app a {
    display: block;
    float: left;
}

#empire-state-building #nav li {
    float: left;
    margin-left: 4px;
    list-style-type: none;
}
#empire-state-building #nav li a {
}

.hand {
  cursor: pointer;
}

.largeur {
  width: 180px;
}

#villeAffiche{
    border: 1px solid #cccccc;
    width: 202px;
}

#share {
  border-radius:3px 3px 3px 3px; 
  box-shadow:0 4px 0 0 rgba(0, 0, 0, 0.03), 0 0 0 1px #DCDCDC, 0 -3px 0 0 rgba(0, 0, 0, 0.05) inset; 
  background:-moz-linear-gradient(center top , #FDFDFD 0%, #F3F3F3 100%) repeat scroll 0 0 transparent;
  background:-webkit-linear-gradient(top, #FDFDFD 0%,rgba(243,243,243,1) 100%);
  display:table; 
  width:80%; 
  margin:auto;
  padding-bottom: 10px; 
  padding-top: 5px;
}
#explication {
  width: 450px;
}
/* NAV Partage + Article */
  #navigation_sociale a.home{width:30px;height:30px;background:url(/public/img/mei_sprite.png) no-repeat -210px -1045px;}
  #navigation_sociale a.home span{background:#000;}
  #navigation_sociale a.suivant_rub{background:url(/public/img/mei_sprite.png) no-repeat -150px -1015px;}
  #navigation_sociale a.precedent_rub{background:url(/public/img/mei_sprite.png) no-repeat -180px -1015px;}
  #navigation_sociale .espace{height:13px;} 
 /*  #navigation_sociale{position:fixed;left:0;top:170px;}*/
  #navigation_sociale a{display:block;width:30px;height:30px;margin:0 0 2px 0;position:relative;text-decoration:none;color:#fff;font-size:12px;}
  #navigation_sociale a.mail{background:url(/public/img/mei_sprite.png) no-repeat 0 -1045px;}
  #navigation_sociale a.mail span{background:#49c;}
  #navigation_sociale a.linkedin{background:url(/public/img/mei_sprite.png) no-repeat -30px -1045px;}
  #navigation_sociale a.linkedin span{background:#0079ad;}
  #navigation_sociale a.facebook{background:url(/public/img/mei_sprite.png) no-repeat -60px -1045px;}
  #navigation_sociale a.facebook span{background:#3b5998;}
  #navigation_sociale a.twitter{background:url(/public/img/mei_sprite.png) no-repeat -90px -1045px;}
  #navigation_sociale a.twitter span{background:#3cf;}
  #navigation_sociale a.googleplus{background:url(/public/img/mei_sprite.png) no-repeat -120px -1045px;}
  #navigation_sociale a.googleplus span{background:#000;}
  #navigation_sociale a.facebook_like{background:url(/public/img/mei_sprite.png) no-repeat -430px -1045px;} 
  #navigation_sociale a.facebook_like span{background:#3b5998;}
  #navigation_sociale a.suivant{background:url(/public/img/mei_sprite.png) no-repeat -150px -1045px;}
  #navigation_sociale a.precedent{background:url(/public/img/mei_sprite.png) no-repeat -180px -1045px;} 
  #navigation_sociale a span{position:absolute;left:0;bottom:30px;width:260px;padding:10px;display:none;overflow:hidden;z-index:1000001;}
  #navigation_sociale a strong{color:#fff;font:normal 10px Arial;text-transform:uppercase;display:block;width:260px;margin:0 0 5px 0;}
  #navigation_sociale a img{float:left;margin:5px 10px 0 0;}
  #navigation_sociale a em{color:#fff;font:normal 14px/14px Arial;display:block;float:left;width:160px;}