body {
    overflow-x: hidden;
}

.t{
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.center{
    width: 1170px;
    padding: 0px 15px;
    margin: 0 auto;
}
.icon-dropdown::before{
    font-size: 30px;
    width:5px !important;
    line-height: 0 !important;
    font-weight: 400;
}.icon-dropdown{
    float:right;
    margin-top: 8px;
    width: 20px;
    height: 20px;
}

.header_top{
    color: #214a7b;
    background:#ffffff;
    padding: 20px 30px 15px 15px;
    text-transform: uppercase;
    font-weight: 400;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    vertical-align: top;
}
.header_top .bt_espace,
.header_top .sites,
.header_top #zone_lang,
.header_top .zone_carnet,
.header_top .bt_accessibilite,
.header_top .share,
.header_top .weather,
.header_top .bt_webcam
{
    display: inline-block;
    vertical-align: top;
    height: 30px;
}
.header_top a{
    color:#214a7b;
    text-transform: uppercase;
    font-weight: 400;
}.header_top a:hover{
    color: #00a2e0;
}
.header_top a:hover .icon{
    color:#00a2e0;
}
.header_top .icon{
    color:#214a7b;
}
.header_top .bt_espace{
    position: absolute;
    left: 10px;
    top: 12px;
    padding: 10px 20px 10px 20px;
    background: #214A7C;
    color:#ffffff;
    height: auto !important;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;

}.header_top .bt_espace:hover{
    background: #008BCF;
    color: #ffffff;
}

.header_top .bt_espace .icon{
    font-size: 18px;
    float:left;
    margin-right: 10px;
    margin-top: -3px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.header_top .bt_espace .icon{
    color:#ffffff;
}
.header_top .plus, .header_top .moin{
    cursor: pointer;
}.header_top .plus:hover, .header_top .moin:hover{
    color:#00a2e0;
}

.header_top .bt_espace:hover .icon{
    color: #ffffff;
}


#zone_lang {
    text-align: left;
    padding-top: 3px;
}
#zone_lang > a{
    height: 20px;
    text-align: left;
}
#zone_lang ul{
    margin-left: 0;
    padding-left: 0;
}
#zone_lang ul li{
    display:inline-block;
    list-style: none;
}
#zone_lang img{
    margin-right: 5px;
}
#zone_lang .dropdown-menu{
    left:-50px !important;
    z-index:6000;
}

#goTop {
    bottom: 120px;
    cursor: pointer;
    position: fixed;
    right: 30px;
    transition: opacity 500ms ease 0s;
    z-index: 1000;
}
#goBottom {
    bottom: 30px;
    position: fixed;
    right: 30px;
    transition: opacity 500ms ease 0s;
    z-index: 1000;
}

.header_top .sites {
    height: 20px;
    text-align: left;
    padding-top: 3px;
    margin-right: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

.header_top .zone_carnet,
.header_top .bt_accessibilite,
.header_top .weather,
.header_top .bt_webcam{
    padding-right: 10px;
    position:relative;
    margin-right: 10px;
    padding-top: 4px;
    padding-left: 30px;
}
.header_top .zone_carnet .icon-livre,
.header_top .bt_accessibilite .icon-lunette,
.header_top .weather .weather-icon,
.header_top .bt_webcam .icon-webcam{
    position: absolute;
    left:0px;
    margin-top: -4px;
    font-size: 24px;
}
.header_top .zone_carnet:after,
.header_top .sites:after,
.header_top .bt_accessibilite:after,
.header_top .weather:after,
.header_top .bt_webcam:after,
.header_top .share:before{
    width: 1px;
    content: ' ';
    position: absolute;
    background: #567498;
    height: 15px;
    top: 5px;
    right: 0;
}

.header_top .share{
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
}
.header_top .share span.intitule{
    display:inline-block;
    padding-top: 4px;
    padding-right: 10px;
    vertical-align: top;
}
.header_top .share a{
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    moz-border-radius: 50%;
    background: #ffffff;
    text-align: center;
    color: #00a2e0;
    padding-top: 4px;
    margin-left: 4px;
    vertical-align: top;
}
.header_top .share a:hover{
    text-decoration: none;
}
.header_top .share a .icon{
    font-size: 16px;
    color: #00a2e0;
}
.header_top .share a:hover .icon{
    color: #214a7b;
}
.header_top .share .icon-dropdown{
    margin-top: 12px;
}

.header_top .share a .icon.icon-pinterest-square{
    font-size: 18px;

}


#logo{
    position: absolute;
    top: 60px;
    display:block;
    float:left;
    width: 142px;

}
#logo img{
    width: 100%;
}
.header_bottom{
    text-align:center;
    background: #fff;
}

.header_bottom .col img {
    max-width: 100%;
}

.header_bottom h2.title{
    color: #214a7b;
    text-align:left;
    text-shadow: 2px 3px 2px #e4e4e4;
    font-size: 42px;
    text-transform: uppercase;
    padding-left: 20px;
    padding-top: 57px;
}

.header_bottom .baseline{
    font-weight:500;
    font-size: 28px;
    color:#00a2e0;
    padding-bottom: 15px;
}
.header_bottom .baseline span,
.header_bottom .baseline h1{
    display:block;
    color:#3f4147;
    text-transform: uppercase;
    font-size: 12px;
    text-shadow: none;
    margin:0px;
    padding: 0;
}
.moteur_reservation{
    background: #f3bb23;
    height: auto;
    font-size: 20px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    padding: 8px;
    cursor: pointer;

    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.moteur_reservation.closed{
    height: 55px;
    overflow:hidden;
}
.moteur_reservation .icon-dropdown {
    float: none;
    height: 20px;
    margin-top: 8px;
    width: 20px;
    vertical-align: middle;
    padding-top: 28px;
}
.moteur_reservation .icon-dropdown::before{
    font-size: 50px;

}

.moteur_reservation_content {
    display: none;
    background: #f1635e; /* Old browsers */
    background: -moz-linear-gradient(left,  #f1635e 0%, #ff8543 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f1635e), color-stop(100%,#ff8543)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #f1635e 0%,#ff8543 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #f1635e 0%,#ff8543 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #f1635e 0%,#ff8543 100%); /* IE10+ */
    background: linear-gradient(to right,  #f1635e 0%,#ff8543 100%); /* W3C */
}

.menu-api{
    margin: 10px auto;
    padding: 0;
    text-align: center;
}
.menu-api li {
    display: inline-block;
    padding: 0px 12px;
    list-style: none;
    position: relative;
    margin: 0;
}
.menu-api li:before{
    display: block;
    height: 1px;
    width: 12px;
    background: #f9de93;
    position: absolute;
    content: ' ';
    left:0px;
    top:50%;
}
.menu-api li:after{
    display: block;
    height: 1px;
    width: 12px;
    background: #f9de93;
    position: absolute;
    content: ' ';
    right:0px;
    top:50%;
}
.menu-api li a{
    display: block;
    color:#ffffff;
    border-radius: 1px;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 15px 5px 50px;
    position: relative;
    border: 1px solid #F3BB23;
}
.menu-api li a:hover{
    border: 1px solid #f9de93;
}
.menu-api li a:hover:after{
    display: block;
    content: ' ';
    background: url("../../../../images/nice/layout/puce_menu_api.gif") 0px 0px no-repeat;
    position: absolute;
    width: 10px;
    height: 6px;
    left: 0;
    right: 0;
    bottom: -5px;
    margin: 0 auto;
}
.menu-api a.lien_hebergement{
    background: url("../../../../images/nice/layout/picto_hebergement.png") 10px center no-repeat;
}
.menu-api a.lien_citypass{
    background: url("../../../../images/nice/layout/picto_citypass.png") 10px center no-repeat;
}
.menu-api a.lien_activites{
    background: url("../../../../images/nice/layout/picto_activites.png") 10px center no-repeat;
}
.menu-api a.lien_bonsplans{
    background: url("../../../../images/nice/layout/picto_bonsplans.png") 10px center no-repeat;
}
.menu-api a.lien_boutique{
    background: url("../../../../images/nice/layout/picto_boutique.png") 10px center no-repeat;
}
.pour_mobile{
    display:none;
}
.x_close {
    font-size: 26px;
    font-weight: 400;
    float: right;
    opacity: 0;
}

.footer_visiter_nice{
    background: url("../../../../images/nice/layout/footer_visiter_nice.jpg") center center no-repeat;
    background-size: cover;
    min-height: 518px;
    padding-top: 50px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
}
.footer_visiter_nice .bt_visiter{
    font-size: 16px;
    text-align: center;
    display: inline-block;
    margin-top: 40px;
    color:#ffffff;
    background: #008bd2;
    border: 1px solid #ffffff;
    padding: 15px 25px;
    text-transform: none;
}.footer_visiter_nice .bt_visiter:hover{
    background: #00A2E3;
}


#footer .footer_top{
    padding-top: 25px;
    background: #f4f4f4;
    padding-bottom: 20px;
}
#footer .acces_rapide{
    display:none;
}
#footer .zone_logo{
    float:left;
    width: 390px;
    text-align: center;
}
#footer .adresse{
    font-size: 14px;
    font-weight: 700;
    color: #214a7b;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 25px;
}
#footer .adresse strong{
    display: block;
    text-transform: uppercase;
}
#footer .adresse span{
    color:#00a2e0;
    display:block;
}
#footer .zone_share{
    float:left;
    width: 293px;
}

#footer .zone_title{
    text-align: center;
}

#footer .zone_title h3{
    color: #214a7b;
}


#logo_footer{
    max-width: 142px;
    display: inline-block;
}
#logo_footer img{
    width: 100%;
}
#footer .zone_share .intitule,
#footer .zone_newsletter .intitule,
#footer .acces_rapide .intitule{
    color:#214a7b;
    font-size: 16px;
    font-weight: 500;
    display:block;
    padding-bottom: 13px;
}
#footer .zone_newsletter .intitule{
    padding-top: 15px;
    margin-bottom: 5px;
}
#footer .zone_newsletter .intitule a{
    color: #214A7B;
}
#footer .zone_share .intitule span,
#footer .zone_newsletter .intitule span{
    color:#504f4f;
    font-size: 16px;
    font-weight: 400;
    display:inline-block;
    border-left: 1px dotted	#504f4f;
    margin-left: 10px;
    padding-left: 10px;
}
#footer .zone_newsletter .intitule span{
    float: left;
}
#footer .zone_share a{
    float:left;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    moz-border-radius: 50%;
    background: #00a2e0;
    text-align: center;
    color:#fff;
    padding-top: 6px;
    margin-left: 4px;
}
#footer .zone_share a:hover{
    text-decoration: none;
    background: #214A7B;
}
#footer .zone_share .icon{
    font-size: 26px;
}
#footer .zone_newsletter{
    float:right;
    width: 400px;
    padding-top: 15px;
    margin-top: 5px;
}

#footer .zone_newsletter .row{
    padding-top: 5px;
}

#footer .footer_bottom{
    background: #214a7b;
    padding: 30px 0;
}

#footer .footer_token{
    background: #3e3d3d;
    text-align: center;
    color:#8e8d8d;
    font-size: 11px;
    padding: 20px 0;
}
#footer .footer_token a{
    color:#8e8d8d;
    font-size: 11px;
}
#footer .footer_token a:hover{
    color: #3CCDD9;
}

.issuuembed{
    margin: 0 auto;
}

#footer .zone_share{
    padding-left: 30px;
    margin-top: 24px;
}

.affiliations{
    display:none;
}

.affiliation_zone{
    float:left;
    width:100%;
    padding: 20px 0;
}
.affiliation_zone .affiliation{
    float:left;
    width: 50%;
}

/********************* PANIER ************************/
body #widget-panier {
    float: right;
    width: auto;
    margin: 0 0 0 10px;
    background-color: #ffffff;
    margin: 0 -30px 0 10px;
    height: 54px;
}

@media all and (max-width: 1300px) {


    .frp_titre {
        width: 100%;
    }

    .header_top .share span.intitule,
    .header_top .lg{
        display:none;
    }
    .center{
        width: 100%;
    }
    .affiliation_zone .affiliation img{
        width: 100%;
    }
    .zone_carnet span.intitule{
        display:none;
    }
    .bt_webcam span.intitule{
        display:none;
    }
    #goTop, #goBottom{
        display: none !important;
    }
}
@media all and (max-width: 1200px) {
    .header_top .bt_espace{
        padding-left: 12px;
        width: 40px;
        overflow: hidden;
        font-size:0px;
        top: 16px;
    }
    .moteur_reservation{
        font-size: 16px;
    }

}

@media all and (max-width: 990px) {

    .icon-dropdown{
        width: 15px;
    }
    .header_top .zone_carnet, .header_top .bt_accessibilite, .header_top .weather, .header_top .bt_webcam{
        margin-right: 10px;
    }
    #footer .zone_share{
        padding-top: 8px;
    }
    #footer .zone_newsletter{
        float:left;
    }
    .bt_webcam span.intitule{
        display:none;
    }

    .header_top .sites {
        display: none;
    }
}

@media all and (min-width: 767px) {
    body.fixed{
        padding-top: 42px;
    }
    body.fixed .header_top{
        position: fixed;
        top:0px;
        left:0px;
        width:100%;
        z-index:10000;
    }
    body #widget-panier{
        position: absolute !important;
        top: 0;
        right: 0;
        margin-right: 0px !important;
    }

}
@media all and (max-width: 767px) {
    .header_top{
        text-align: right;
    }
    .header_bottom{
        padding-top: 10px;
    }
    .header_bottom h2.title{
        font-size: 32px;
        padding: 0;
        text-align: center;
    }
    .header_bottom .col img{
        max-width: 125px !important;
    }
    .header_top .bt_accessibilite, .header_top .weather, .header_top .bt_webcam, .header_top .share,
    .header_bottom .baseline,
    #footer .footer_bottom,
    #logo_footer {
        display:none;
    }

    #footer .zone_logo {
        float: none;
        text-align: center;
        width: auto;
    }

    #logo{
        position: relative;
        float:left;
        top: inherit;
        margin-bottom: 10px;
    }
    #footer .acces_rapide{
        display:block;
        width: 100%;
        text-align:center;
    }
    .fixed .header_bottom{
        position: fixed;
        top:0px;
        left: 0;
        width: 100%;
        z-index:10000;
    }
    .fixed #logo{
        display: none;
    }

    #footer .acces_rapide .icon{
        color:#333232;
        font-size: 29px;
    }
    #footer .zone_share, #footer .zone_newsletter{
        float:none;
        margin: 10px auto;
        text-align: center;
    }
    #footer .zone_newsletter .intitule{
        text-align: center;
    }
    #footer .footer_token{
        background:#f4f4f4;
        color:#000000
    }
    #footer .footer_token a{
        color:#000000
    }
    #footer .zone_newsletter{
        width: 100%;
        marign: 10px 0;
    }
    .affiliation_zone{
        display:none;
    }

    body #widget-panier {
        float: none;
        margin: 0;
        width: 100%;
    }
    body .OsPanierPopIn{
        width: 100%;
    }
    .menu-api li:before,.menu-api li:after{
        display: none;
    }
    .menu-api li a, .menu-api li{
        display: block;
        text-align: left;
        margin-bottom: 5px;
    }
    .header_top .bt_espace{
        width: 27px;
        top: 3px;
    }
    #new_logo img{
        max-width: 100%;
    }
    .pour_desktop{
        display: none;
    }
    .pour_mobile{
        display: inline-block;
    }
}

@media all and (max-width: 570px) {
    .moteur_reservation {
        font-size: 13px;
        padding: 8px 0;
    }
    .moteur_reservation .reservation_texte {
        line-height: 38px;
        vertical-align: bottom;
    }
}
@media all and (max-width: 394px) {
    .header_top{
        padding: 0px 5px;
    }
    .header_top .bt_espace{
        margin-bottom: 0;
        padding: 4px;
        text-align:center;
    }
    .header_top .bt_espace .icon{
        margin-right: 0;
    }
    .header_top .bt_espace .txt{
        display: none;
    }

    .header_top .zone_carnet::after{
        display: none;
    }
    #zone_lang ul{
        margin:0px;
    }
}