.navbar-visiter-lyon{
    background:#fff;
    /*opacity:0.5;*/
    height: 77px;
    text-transform: uppercase;

}


.attribute-logo{
    position:   absolute;
    top:        20px;
    right:      0px;
    left:       0px;
    z-index:    1;
}
.navbar-visiter-lyon .navbar-nav{
    position:relative;
    z-index: 2;
}

.navbar-visiter-lyon a{
    font-size:10px;
    font-weight: 700;
}


.navbar-visiter-lyon .nav .logo-onlylyon,
.navbar-visiter-lyon .nav .btn-menu,
.navbar-visiter-lyon .nav .btn-home-groups,
.navbar-visiter-lyon .nav .btn-account,
.navbar-visiter-lyon .nav .btn-basket,
.navbar-visiter-lyon .nav .btn-find,
.navbar-visiter-lyon .nav .btn-lang{
    display: block;
    margin-top: 10px;
    transition: margin 0.3s ease-in-out;
    -webkit-transition: margin 0.3s ease-in-out;

}
.navbar-visiter-lyon .nav .logo-onlylyon{
    background: transparent url(../images/sprite_header.png) no-repeat -58px -21px;
    float: left;
    width: 170px;
    height: 51px;
    margin-right: 16px;
    transition: margin 0.3s ease-in-out;
    -webkit-transition: margin 0.3s ease-in-out;

}

.navbar-visiter-lyon .nav a.link-logo-onlylyon {
    float: left;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.navbar-visiter-lyon .nav a.link-logo-onlylyon:hover {
    background-color: transparent;
}

.navbar-visiter-lyon .nav .btn-menu{
    background: transparent url(../images/sprite_header.png) no-repeat -230px -12px;
    padding: 32px 7px 0px;
    float:left;
    transition: margin 0.3s ease-in-out;
    -webkit-transition: margin 0.3s ease-in-out;
}

.navbar-visiter-lyon .nav .dropdown{
    padding-left:10px;
    padding-right:10px;
}
/* Left menu - Active */
.navbar-visiter-lyon .nav > .open{  background : #06171c;  }
.navbar-visiter-lyon .nav > .open .logo-onlylyon{   background: transparent url(../images/sprite_header.png) no-repeat -58px -112px;      }
.navbar-visiter-lyon .nav > .open .btn-menu {       background: transparent url(../images/sprite_header.png) no-repeat -230px -112px;     }


.nav .open .secondary{
    display:none;
}
.navbar-visiter-lyon .navbar-nav > li > .dropdown-menu > li.latest-before-secondary > a,
.navbar-visiter-lyon .navbar-nav > li > .dropdown-menu > li.secondary:last-child a,
.navbar-visiter-lyon .navbar-nav > li > .dropdown-menu > li:last-child > a {
    border-bottom: none;
}
.no-border{
    border: none !important;
}

.navbar-visiter-lyon .navbar-nav > li > .dropdown-menu{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #06171c;
    width: 100%;
    border:0px;
    padding-top:20px;
}

.navbar-visiter-lyon .navbar-nav > li > .dropdown-menu > li:last-child > a {
    border-bottom: none;
}
.navbar-visiter-lyon .navbar-nav > li > .dropdown-menu > li > a{
    color: #a4927a;
    font-size: 14px;
    font-weight: 700;
    margin: 0px 7px 0px 5px;
    padding: 10px 5px;
    border-bottom: 1px solid #a4927a;
    /*background: transparent url(../images/sprite_header.png) no-repeat -65px -230px;*/
    display: block;
}
.navbar-visiter-lyon .navbar-nav > li > .dropdown-menu > li > form > a{
    color: #a4927a;
    font-size: 14px;
    font-weight: 700;
    margin: 0px 7px 0px 5px;
    padding: 10px 5px;
    border-bottom: 1px solid #a4927a;
    /*background: transparent url(../images/sprite_header.png) no-repeat -65px -230px;*/
    display: block;
}
.navbar-visiter-lyon .navbar-nav > li > .dropdown-menu > li > form > a > input{
    display: none;
    margin-left: 10px;
}

.navbar-visiter-lyon .navbar-nav > li > .dropdown-menu > li > a:hover{
    color: #fff;
    background-color: transparent;
}


.navbar-visiter-lyon .attribute-logo.tablet-logo{
    top:64px;
}
.navbar-visiter-lyon .attribute-logo.tablet-logo img{
    max-width:170px;
}


/* Right menu */
.navbar-visiter-lyon .navbar-right li{                  margin-left: 15px;      }
.navbar-visiter-lyon .navbar-right li:first-child {     margin-left:0px;        }
.navbar-visiter-lyon .navbar-right > li > a{            padding: 32px 5px 0px;  }

.navbar-visiter-lyon .nav .btn-home-groups,
.navbar-visiter-lyon .nav .btn-account,
.navbar-visiter-lyon .nav .btn-basket,
.navbar-visiter-lyon .nav .btn-find{
    min-width: 50px;
    text-align: center;
}
.navbar-visiter-lyon .nav .btn-home-groups { background: transparent url(../images/sprite_header.png) no-repeat -850px -12px; }
.navbar-visiter-lyon .nav .btn-account { background: transparent url(../images/sprite_header.png) no-repeat -935px -12px; }
.navbar-visiter-lyon .nav .btn-basket { background: transparent url(../images/sprite_header.png) no-repeat -1029px -12px; }
.navbar-visiter-lyon .nav .btn-find { background: transparent url(../images/sprite_header.png) no-repeat -1094px -12px; }

.navbar-visiter-lyon .nav .btn-home-groups:hover,
.navbar-visiter-lyon .nav .btn-account:hover,
.navbar-visiter-lyon .nav .btn-basket:hover,
.navbar-visiter-lyon .nav .btn-find:hover {
    background-color: #eee
}

.navbar-visiter-lyon .nav .btn-lang{ padding: 10px 10px 0;  }
.navbar-visiter-lyon .nav .btn-lang span{ display:block; padding-top: 2px;  }


/***** Small menu *****/

.navbar-visiter-lyon.navbar-small{
    height: 54px;
}

.navbar-visiter-lyon.navbar-small .nav .logo-onlylyon,
.navbar-visiter-lyon.navbar-small .nav .btn-menu,
.navbar-visiter-lyon.navbar-small .nav .btn-home-groups,
.navbar-visiter-lyon.navbar-small .nav .btn-account,
.navbar-visiter-lyon.navbar-small .nav .btn-basket,
.navbar-visiter-lyon.navbar-small .nav .btn-find,
.navbar-visiter-lyon.navbar-small .nav .btn-lang{
    margin-top:0px;
}
.navbar-visiter-lyon.navbar-small .nav .btn-lang span{
    padding-top: 0;
}

.navbar-visiter-lyon.navbar-small .nav .btn-home-groups,
.navbar-visiter-lyon.navbar-small .nav .btn-account,
.navbar-visiter-lyon.navbar-small .nav .btn-basket,
.navbar-visiter-lyon.navbar-small .nav .btn-find,
.navbar-visiter-lyon.navbar-small .nav .btn-lang{
    background:none;
    padding-top:20px;
}
.navbar-visiter-lyon.navbar-small .nav .btn-lang {
    padding-bottom: 5px;
}
.navbar-visiter-lyon.navbar-small .nav .btn-lang img{
    display:none;
}

.navbar-visiter-lyon.navbar-small .attribute-logo{
    top:10px;
}
.navbar-visiter-lyon .attribute-logo img{

    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.navbar-visiter-lyon.navbar-small .attribute-logo img{

-webkit-transform: scale(.65,.65) translateY(-2em);
-ms-transform: scale(.65,.65) translateY(-2em);
transform: scale(.65,.65) translateY(-2em);
}

.navbar-visiter-lyon.navbar-small .nav .logo-onlylyon{
    background:transparent url(../images/sprite_header.png) no-repeat -58px -21px;
    margin-top: 0px;
    height:35px
}


.navbar-visiter-lyon.navbar-small .nav .btn-menu{
    background:transparent url(../images/sprite_header.png) no-repeat -308px -22px;
    padding:20px 7px 0px;
}

.navbar-visiter-lyon .nav > .open .logo-onlylyon{   background: transparent url(../images/sprite_header.png) no-repeat -58px -122px;      }
.navbar-visiter-lyon .nav > .open .btn-menu {       background: transparent url(../images/sprite_header.png) no-repeat -308px -122px;     }



/******************/
/***** Footer *****/
/******************/

.page-footer{
    margin-bottom: 20px;
    background: #fff;
    position: relative;
}
.page-footer .block.assurance{
    border:1px solid #999999;
    text-transform:uppercase
}

.page-footer .block .content {
    padding: 20px 5px 15px;
}

.page-footer .block.assurance .content h4{
    font-size: 16px;
    color: #06171c;
    text-transform: uppercase;
    font-weight: 900;
    padding-bottom: 54px;
    background:transparent url(../images/sprite_footer.png) no-repeat center -405px;
}
.page-footer .block.assurance .content h4 span{
    display:block;
    font-size:22px;
}
.page-footer .block.assurance .content ul{
    list-style: none;
    padding-left:22px;
    padding-right:22px;
    margin:0px;
}

.page-footer .block.assurance .content ul li{
    padding-bottom:26px;
    color:#343434;
    font-size:14px;
    line-height:1.2em
}

.page-footer .block.link .content{
    /*background:transparent url(../images/sprite_footer.png) no-repeat center -122px;*/
    padding:40px 10px;
}

.page-footer .block.link .content.picto {
    width: 176px;
    border-top: 1px solid #999999;
    padding-bottom: 0px;
}

.page-footer .block.link .content img{
    display: inline;
}

.page-footer .block.link .content a.picto-plus{
    width: 24px;
    height: 24px;
    background:transparent url(../images/sprite_footer.png) no-repeat center -254px;
    margin: 40px auto 0px;
    text-indent: -9999px;
}

.page-footer .block .content a{
    color:#06171c;
    font-weight:normal;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    line-height: 1.2em;
    display: block;
 }
.page-footer a:hover,
.page-footer a:focus{
    text-decoration: none;
}
.page-footer .block .content a strong{
    text-transform: uppercase;
}

.page-footer .block img,
.page-footer .block strong,
.page-footer .block span{
    display:block;
}
.page-footer .block.phone{
    border:1px solid #999999;
}
.page-footer .block.phone .content{
    padding:20px 5px 25px 105px;
    background:transparent url(../images/portrait-contact.jpg) no-repeat 7px 13px;
}

.page-footer .block.phone .content a{
    font-weight: 700;
    padding-bottom:3px;
}
.page-footer .block.phone .content a strong {
    font-size: 22px;
    font-weight: 900;
    margin-top:8px;
}


.page-footer .block.address{
    margin-top:30px;
    margin-bottom:0px;
}
.page-footer .block.address .content {
    padding:25px 0px 15px;
}
.page-footer .block.address .content p {
    font-size:16px;
    margin-bottom:5px;
}
.page-footer .block.address .content p strong{
    color:#06171c;
}


.page-footer .block.links .content {
    padding:34px 0px 15px;
}
.page-footer .block.links ul{
    margin:0px;
    padding:0px;


}
.page-footer .block.links ul li{
    display:inline-block;
}
.page-footer .block.links ul li a{
    padding:0px 24px 0px 0px;
    font-weight:700;
    font-size:14px;
    color:#d7011f;
}
.page-footer .block.links ul li strong {
    padding: 0px 24px 0px 0px;
    font-weight: 700;
    font-size: 14px;
}
.copyright{
    font-weight:700;
    font-size:100%;
}

.btn-find {
    float: left;
}

#search_mini_form {
    width: 270px;
}
#search_mini_form input {
    width: 230px;
    display: inline;
    margin-right: 10px;
}

#search_mini_form button {
    width: 26px;
    height: 26px;
    background-color: #06171C;
    border: none;
    border-radius: 50%;
    color: #fff;
}
.popover, .popover-content {max-width:500px;}

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

    .page-footer .block.assurance .content ul{      padding-left:15px;  padding-right:15px;     }
    .page-footer .block.address .content p {        font-size: 13px;                            }
    .page-footer .block.phone .content a strong {   font-size: 20px;                            }
    .page-footer .block.links ul li a {             padding: 0px 18px 0px 0px;                  }
    .copyright{                                     font-size:82%;                              }

}


@media screen and (min-width: 768px) and (max-width: 991px) {

    .page-footer .block.phone .content {
        padding: 30px 5px 15px 60px;
        background: transparent url(../images/sprite_footer.png) no-repeat -170px 26px;
    }
    .page-footer .block.phone .content a {              font-size:13px;  }
    .page-footer .block.phone .content a strong {       font-size: 17px; }
    .page-footer .block.links ul li a {
        padding: 0px 4px 0px 0px;
        font-size:13px;
    }
}

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

    .navbar-right{display:none;}
    .navbar-visiter-lyon .nav .btn-menu{float:right;}
    .navbar-visiter-lyon.navbar-small .attribute-logo.tablet-logo{
        top:20px;
        left:90px;
        display:none;
    }
    .navbar-visiter-lyon .nav .logo-onlylyon {background-position-y: -22px;}
    .page-footer .block.phone,
    .page-footer .block.address,
    .page-footer .block.links{              text-align:center;  }
    .page-footer .block.phone .content{     padding:30px 5px 15px 5px;  }
    .page-footer .block.address{            margin:10px;  }
    .page-footer .block.address img{
        margin:0px auto;
        text-align:center;
    }

    .nav .open .secondary{
        display:list-item;
    }

    .nav .open .secondary a{
        background-color: #a4927a;
    }

    .nav .open .secondary a:hover{
        background-color: #a4927a !important;
    }
    .navbar-visiter-lyon .navbar-nav > li > .dropdown-menu > li.secondary > a,
    .navbar-visiter-lyon .navbar-nav > li > .dropdown-menu > li.secondary > form > a{
        color: #06171c;
        border-bottom: 1px solid #06171c;
    }
    .navbar-visiter-lyon .navbar-nav > li > .dropdown-menu > li.secondary > a.btn-lang img{
        float:left;
    }
    .navbar-visiter-lyon .navbar-nav > li > .dropdown-menu > li.secondary > a.btn-lang span{
        padding-top:0px;
        line-height: 18px;
    }

}

@media screen and (max-width: 480px){
    .page-footer .block.phone .content{     background:none;    }
}