body {
    background: #fff;
}

.wrapper {
    padding-bottom: 20px;
}

a {
    color: #2c955a;
}

a:hover,
a:focus {
    color: #123f26;
}

.page-header .nav-tabs li.active a {
    color: #333;
}

.page-header .nav-tabs a:hover {
    color: #123f26;
}

.nav > li > a:hover,
.nav > li > a:hover {
    background-color: #3fd581;
    color: #fff
}

.pill {
    background-color: #3fd581;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-weight: normal;
    margin-right: 5px;
    padding: 2px 10px 1px;
}
.pill a.remove:hover,
.pill a.remove:focus {
    color: #fff;
}

.btn-primary {
    background-color: #bbb;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #3fd581;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    /* background-color: #2c955a;
    color: #fff; */
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #2c955a;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.submenu:hover > a,
.dropdown-submenu:focus > a {
    background-color: #3FD581;
    background-image: none;
}

.alert {
    margin-top: 10px;
    margin-bottom: 10px;
}
.alert-info {
    background-color: #f9eeee;
    border-color: #C75D5C;
    color: #C75D5C;
    border-radius: 6px;
}
.alert-info a {
    color: #8b4140;
    text-decoration: none;
}
.alert-info a:hover,
.alert-info a:focus {
    text-decoration: underline;
}

/* =====================================================
   The "account masthead" bar across the top of the site
   ===================================================== */

.account-masthead {
    background-color: rgb(238, 238, 238);
}
/* The "bubble" containing the number of new notifications. */
.account-masthead .account .notifications a span {
    background-color: #ff7f00;
}
/* The text and icons in the user account info. */
.account-masthead .account ul li a {
    color: rgb(113, 113, 113);
}
/* The user account info text and icons, when the user's pointer is hovering
   over them. */
.account-masthead .account ul li a:hover {
    color: rgb(113, 113, 113);
    background-color: rgb(225,225,225);
}

/* ========================================================================
   The main masthead bar that contains the site logo, nav links, and search
   ======================================================================== */

.masthead {
    text-align: center;
    background: #fff;
    background-image: url(../img/AUAT-long-positifTransparent.png);
    background-size: auto 56px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-position: right top;
}
@media screen and (max-width: 1024px) {
    .masthead {
        text-align: left;
        padding-top: 56px;
    }
}
.masthead .header-image .logo {
    position: absolute;
    /*margin: 2px 0 0 -18px;*/
    margin: 2px 0 0 -20px;
    background-color: #fff;
    /*background-image: url(../img/etiquette_catalogue.png);*/
    background-image: url(../img/etiquette_catalogue_small.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    /*width: 164px;*/
    /*height: 38px;*/
    width:139px;
    height:56px;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}
@media screen and (max-width: 1024px) {
    .masthead .header-image .logo {
        display: none;
        visibility: hidden;
    }
}

.masthead .nav-collapse {
    float: none;
}
.masthead .collapse {
    display: inline-block;
}
.masthead .navigation .nav-pills li a {
    background-color: transparent;
    color: #999;
    font-size: 16px;
    border-radius: 0px;
    height: 26px;
    margin: 0 15px;
    padding: 10px 5px;
}
.masthead .navigation .nav-pills li a:hover {
    background-color: transparent;
    color: rgb(63,213,129);
    -webkit-box-shadow: 0 -4px 0 0 transparent inset;
            box-shadow: 0 -4px 0 0 transparent inset;
}
.masthead .navigation .nav-pills li.active a,
.masthead .navigation .nav-pills li.active a:hover {
    background-color: transparent;
    color: rgb(63,213,129);
    -webkit-box-shadow: 0 -4px 0 0 rgb(63,213,129) inset;
            box-shadow: 0 -4px 0 0 rgb(63,213,129) inset;
}
@media screen and (max-width: 1024px) {
    .masthead .navigation .nav-pills li.active a,
    .masthead .navigation .nav-pills li.active a:hover {
        background-color: transparent;
        color: rgb(63,213,129);
        -webkit-box-shadow: none;
                box-shadow: none;
    }
}
.masthead .site-search input {
    padding: 4px 10px;
    width: 200px;
}
.masthead input[type="text"] {
    border-color: #999;
    border-radius: 3px;
}
.masthead input[type="text"]:focus {
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.7);
            box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.7);
}

/* ===========================================
   The content in the middle of the front page
   =========================================== */

/* Remove the "box shadow" effect around various boxes on the page. */
.box {
    box-shadow: none;
}
/* Remove the borders around the "Welcome to CKAN" and "Search Your Data"
   boxes. */
.hero .box {
    border: none;
}
.hero[role="main"] {
    background: #fff;
    border-bottom: 1px solid #aaa;
}

/* Change the colors of the "Search Your Data" box. */
.homepage .module-search .module-content {
    color: rgb(68, 68, 68);
    background-color: white;
}
/* Change the background color of the "Popular Tags" box. */
.homepage .module-search .tags {
    background-color: rgb(61, 61, 61);
}
/* Remove some padding. This makes the bottom edges of the "Welcome to CKAN"
   and "Search Your Data" boxes line up. */
.module-content:last-child {
    padding-bottom: 20px;
}
.homepage .module-search {
    padding: 0px;
}
/* Add a border line between the top and bottom halves of the front page. */
.homepage [role="main"] {
    border-top: 1px solid rgb(204, 204, 204);
}

/* ====================================
   The footer at the bottom of the site
   ==================================== */

.site-footer {
    background-color: #8F8F8F;
}
/* The text in the footer. */
.site-footer,
.site-footer label,
.site-footer small {
    color: rgba(255, 255, 255, 0.6);
}
/* The link texts in the footer. */
.site-footer a {
    color: rgba(255, 255, 255, 0.6);
}

/* ====================================
   ==================================== */

.hero {
    background: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25) inset;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25) inset;
}

.hero .module-auat-link {
    margin-top: 40px;
    margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
    .hero .module-auat-link {
        display: none;
        visibility: hidden;
    }
}

.hero .module-auat-link .btn-auat-circle {
    margin: 0 25px;
    padding: 0;
    width: 100px;
    height: 100px;
    border: 0;
    background-color: transparent;
    background-size: 100px 100px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: background 0.2s linear;
       -moz-transition: background 0.2s linear;
            transition: background 0.2s linear;
}

.btn-auat-circle#btn-auat-demo {
    background-image: url(../img/demo_fade.png);
}
.btn-auat-circle#btn-auat-demo:hover {
    background-image: url(../img/demo_hover.png);
}
.btn-auat-circle#btn-auat-eco {
    background-image: url(../img/economie_fade.png);
}
.btn-auat-circle#btn-auat-eco:hover {
    background-image: url(../img/economie_hover.png);
}
.btn-auat-circle#btn-auat-env {
    background-image: url(../img/environnement_fade.png);
}
.btn-auat-circle#btn-auat-env:hover {
    background-image: url(../img/environnement_hover.png);
}
.btn-auat-circle#btn-auat-hab {
    background-image: url(../img/habitat_fade.png);
}
.btn-auat-circle#btn-auat-hab:hover {
    background-image: url(../img/habitat_hover.png);
}
.btn-auat-circle#btn-auat-mob {
    background-image: url(../img/mobilite_fade.png);
}
.btn-auat-circle#btn-auat-mob:hover {
    background-image: url(../img/mobilite_hover.png);
}
.btn-auat-circle#btn-auat-terr {
    background-image: url(../img/territoire.png);
}
.btn-auat-circle#btn-auat-terr:hover {
    background-image: url(../img/territoire_hover.png);
}
/* ====================================
   ==================================== */

.homepage .module-search {
    background: #ffffff none repeat scroll 0 0;
    color: #ffffff;
    margin: 20px 0 0;
    padding: 0px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}
.homepage .module-search .search-giant input {
    border: #ccc solid 1px;
}
.homepage .module-search .tags::before,
.homepage .module-search .tags::after {
    content: "";
    display: table;
    line-height: 0;
}
.homepage .module-search .tags::after {
    clear: both;
}
.homepage .module-search .tags::before,
.homepage .module-search .tags::after {
    content: "";
    display: table;
    line-height: 0;
}
.homepage .module-search .tags {
    background-color: rgb(241, 241, 241);
    border: 0;
    border-top: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    padding: 5px 10px 10px;
}
.homepage .module-search .tags h3,
.homepage .module-search .tags .tag {
    display: block;
    float: left;
    margin: 5px 10px 0 0;
    color: #000;
}
.tag {
    background-color: #fff;
    border: 0;
    border-radius: 100px;
    display: inline-block;
    margin-bottom: 4px;
    padding: 2px 11px 4px 11px;
    -webkit-box-shadow: none;
            box-shadow: none;
}

a.tag:hover {
    background-color: #ccc;
    border: 0;
    text-decoration: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.main::after,
[role="main"]::after {
    border-top-width: 1px;
    bottom: 0;
}
[role="main"] {
    min-height: 350px;
}
[role="main"],
.main {
    background: #eeeeee url("../../../base/images/bg.png") repeat scroll 0 0;
    padding-top: 10px;
    padding-bottom: 20px;
    position: relative;
    -webkit-box-shadow: 0 4px 3px -4px rgba(0, 0, 0, 0.25) inset;
            box-shadow: 0 4px 3px -4px rgba(0, 0, 0, 0.25) inset;
}

/* BLOCK STATS */
.homepage .stats ul::before, .homepage .stats ul::after {
    content: "";
    display: table;
    line-height: 0;
}
.homepage .stats ul::after {
    clear: both;
}
.homepage .stats ul::before, .homepage .stats ul::after {
    content: "";
    display: table;
    line-height: 0;
}
.homepage .stats ul {
    list-style: outside none none;
    margin: 0;
}
.homepage .stats ul li a b {
    font-size: 1.5em;
    line-height: 1.5;
}
.homepage .stats ul li a {
    color: #666;
}
.homepage .stats ul li a:hover {
    color: rgb(63,213,129)
}