h1, h2, h3 {  color: #0d1f64;}


.image-9 {  background-image: url("../images/hotel_lyon_accueil2.jpg");}
.navbar-brand img {    max-width: 100%;    width: 125px;}
.navbar-brand {    padding: 0;}


p.lead, b {  color: white;}
i.rounded[class^="icon-"], i.rounded[class*=" icon-"], i.squared[class^="icon-"], i.squared[class*=" icon-"], i.circle[class^="icon-"], i.circle[class*=" icon-"],.nav.nav-tabs > li > a:hover  {  background-color: #0d1f64;  border-color: #000;}

body .menu-header .nav > li > a.active, body .menu-header .nav > li.active > a.active, body .menu-header .nav > li > a.active:hover, body .menu-header .nav > li.active > a.active:hover, body .menu-header .nav > li > a:hover, body .menu-header .nav > li.active > a:hover {
    color: #0d1f64;
}
body.header-6 .menu-header.scroll-header .navbar-default .navbar-nav > li:hover > a:not(.btn)::after {  border-color: #0d1f64;}
a, a:hover, a:focus, a:active {  color: #000;}
.owl-theme .owl-controls .owl-page span { background-color:#0d1f64; }


.strong { color: #ecc613;}
.main-color, .hotel_description, footer#main-footer #footer-rights{  background-color: #0a194f;  color: #fff;}
.owl-page span { border: 1px solid white;}
.main-color h2, strong { color: #ecc613;}
#neko-to-top {  background: #fdfdfd none repeat scroll 0 0;  border-color: #0a194f;}
#neko-to-top i::before {  color: #0a194f;}


body.header-6 .menu-header:not(.scroll-header)  {  background-color: white;  border-color: #eee;}
body.header-6 .menu-header:not(.scroll-header) .navbar-default .navbar-nav > li > a:not(.btn) {  color: #777;}
body .menu-header .nav > li > a.active, body .menu-header .nav > li.active > a.active, body .menu-header .nav > li > a.active:hover, body .menu-header .nav > li.active > a.active:hover, body .menu-header .nav > li > a:hover, body .menu-header .nav > li.active > a:hover {  color: #0d1f64 !important;}
body.header-6 .menu-header .navbar-default .navbar-nav > li:hover > a:not(.btn)::after {
    animation: 300ms ease-in 0s normal none 1 running bounceIn;
    border-bottom: 2px solid #0d1f64;
    bottom: 25px;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}
body.header-6 .menu-header:not(.scroll-header) .navbar-default .navbar-nav > li:hover > a:not(.btn)::after { border-color:#0d1f64; }


.axe_cube_footer img {    max-width: 100%;    width: 150px;}
.axe_cube_footer { text-align: left;}
.mentions p a { color: white;}
.mentions p { text-align: right;}
footer#main-footer {  padding-top: 0;}
.hotel .main-color {  margin-top: 83px;}


.news-2 {  background-image: url("../images/image1_page_hotel.jpg");}
.news-3 { background-image: url("../images/image2_page_Hotel.jpg");}
.news-9 { background-image: url("../images/hotel08.jpeg");}
.news-spirou {  background-image: url("../images/bonhomme.png");  background-position: right top;  background-repeat: no-repeat;  background-size: auto 100%;}
.image-4 { background-image: url('../images/accueil_lyon.jpg');}
.effet_gris { 
    background-color: rgba(0, 0, 0, 0.65);
    margin-top: -18%;
    margin-left: 6%;
}
.reserve_hotel { margin-top: 0px !important;}
.nav.nav-tabs > li > a {  background-color: #0d1f64;  border-color: white; color: white; margin-bottom: 0px; }
i.rounded[class^="icon-"], i.rounded[class*=" icon-"], i.squared[class^="icon-"], i.squared[class*=" icon-"], i.circle[class^="icon-"], i.circle[class*=" icon-"], .nav.nav-tabs > li > a:hover, .nav.nav-tabs > li.active > a {
    background-color: #ecc613;
    border-color: white;
    color: #0d1f64 !important;
}
a:hover { color: #ecc613!important;}

.contact label, .contact textarea { color: #0a194f; }
#submit { background-color: #0a194f;}
.contact textarea { max-height: 350px; max-width: 100%; min-width: 100%; min-height: 150px;}
.form-minimal .form-line { background-color: #ecc613; }

.fa.icon {
    font-size: 22px;
    line-height: 22px;
    margin-right: 16px; 
    color: white; 
    background-color: #ecc613;
    border-color: white;
    font-size: 24px;
    margin-top: 40px;
    padding: 18px 14px 14px!important;
}
footer p {  font-size: 13px !important;  text-transform: initial !important;}




html:not(.ie) .neko-preloader::after {
    border-color: transparent;
    border-radius: 156px;
    border-style: none;
    border-width: 10px;
    content: "";
    left: -15px;
    position: absolute;
    top: -15px;
    animation-duration: 5s;
}
.neko-preloader {
    background-color: transparent !important;
}
#preloader img {
    width: 170px;
}
.neko-preloader::after {
    border-bottom-color: transparent;
    border-top-color: transparent;
}
html:not(.ie) .neko-preloader {
    border-radius: 50px;
    height: 170px;
    margin: 0 auto;
    position: relative;
    width: 170px;
}
.v-align-translate > div {
    position: relative;
    top: 30%;
    transform: translateY(-50%);
}
.neko-preloader {
    background: none;
}



.ville-de-lyon {
    background-color: #ecc613;
    border-radius: 50%;
    float: right;
    height: 55px;
    margin: 0 15px 15px;
    padding: 3px;
    width: 55px;
}
.ville-de-lyon img {
    height: 50px !important;
    margin: 0;
    width: 50px !important;
}
.ville-de-lyon.camera img {
    width: 41px !important;
}
#apropos  .feature-box-content a { font-size: 20px;
                                   font-weight: 400;
                                   margin-bottom: 0.75em;
                                   text-transform: uppercase;
                                   color: #0d1f64;
                                   text-decoration: none;
}
#chambres b { color: #ecc613; }
#proximitee .tab-pane p {
    margin-bottom: 3px;
}
#proximitee .tab-pane .row {
    margin-bottom: 17px;
}
#proximitee .tab-pane a {
    color: #0d1f64;
    text-decoration: underline;
}
.hotel_img { padding: 0;}


.header-infos .tel, .header-infos .mail, .header-infos .wifi, .header-infos .facebook {
    float: left;
    font-size: 19px;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
}

.header-infos .mail {
    margin-left: 0px;
    margin-right: 0px;
}

.header-infos {
    height: 45px;
    width: 100%;
}
.header-infos-right {
    float: right;
    width: 80%;
}
.header-infos i {
    margin-right: 4px;
}
.salle-conference b { color: black; font-weight: bold;}
.salle-conference br {
    margin-top: 16px;
}
.mb-sm .row {
    border-bottom: 1px solid #cfcfcf;
}
.tab-content .col-sm-6:first-child {
    border-right: 1px solid #cfcfcf;
}
.galerie {
    padding-top: 63px;
}
.menu-header .main-logo {
    display: block !important;
}
.pt-medium.pb-medium.contact {
    margin-top: 6%;
}
.tarifs_align {
    text-align: right;
}
.carroussel_salle_conferences{
    overflow: visible !important;
}
.carroussel_salle_conferences img{
    width: 100%;
}
.image-4 {
    background-image: none;
}
.carroussel_proximite img{
    width: 100%;
}

.reservation{
    margin-top: 1%;
}
.bouton_resa{
    background-color: #ecc613;
    margin-left: 4%;
}

.news-spirou h2,.news-spirou p {
  text-align: center !important;
}

@media (max-width: 1320px) { 
    .effet_gris {  
        width: 75%;
        margin-top: 0px;
        margin-left: 3%;
    }
    .parallax.image-background.image-4.text-light.carroussel_proximite{
        margin-top: 15%;
    }
}
@media (max-width: 1250px) { 
    .header-infos-right {  width: 60%;}  
}


@media (max-width: 1024px) { 
    .header-infos-right {  width: 100%;}  
    .navbar-toggle {
        border: 1px solid #0d1f64 !important;
        float: none;
        margin: auto !important;
    }
    .navbar-header {
        text-align: center;
    }
    #animated-header { display: none;}
    #content {
        margin-top: 42px;
    }
    .feature-box.media-right {
        float: none;
        text-align: center;
        width: 100%;
    }
}

@media (max-width: 400px) { 
 .parallax.image-background.image-4.text-light.carroussel_proximite{
        display: none;
    }
    .header-infos-right{
        display: none;
    }
}

#lien-reservation{

}
#lien-reservation a{
    background-color: #0d1f64;
    border: 1px solid #0d1f64;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    margin: 15px;
    padding: 15px;
}
#lien-reservation a:hover{
    background-color:#FFF;
}

#lien-reservation:hover a:after{
    border:none;
    animation: 300ms ease-in 0s normal none 1 running bounceIn;
}