@media (min-width:1200px){
    .container.sous-menu img{
        max-height : 186px;
    }
}

@media (min-width:992px) and (max-width:1200px){
  

    div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav > li > a {
        margin-left: 25px;
    }

    div.nice-pratique ul.categories li a {width: 125px;}
    div.nice-pratique ul.categories li a.no-icon {width: 96px;padding-top:0;}
    div.header div.front-topbar ul li a.meteo {
        font-size: 22.68px;
    }
    div.header div.front-topbar ul li a {
        font-size: 12px;
    }
    div.list-block-kiosque-wrapper div.content-detail div.document-icons i:first-child {
        margin-right: 5px;
    }

    div.en-ce-moment a.block-article div.contenu{
        padding-top: 15px;
    }

    div.en-ce-moment a.block-article div.contenu p.title{
        font-size: 18.3px;
        margin: 0 0 1px;
    }
    div.en-ce-moment a.block-article div.contenu p.chapeau{padding-right: 25px;}
    div.megaMenu div.container p.title{

        margin-top: 15px;
    }
    div.a-decouvrir div.liste-a-decouvrir ul li{
        width:11%
    }
    div.a-decouvrir div.liste-a-decouvrir ul li a {
        width: auto;  
    }
    div.more a {

        font-size: 13px;
    }

    div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.carte{
        margin-top: -50px;

    }

    div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-suis,
    div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.j-habite{background:url('../image/menu-nice-pratique-separ.png') no-repeat right center;}
    div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-suis img.preview-je-suis {border: 10px solid white;}
    div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-suis a{margin:0 -15px;}
    div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-suis a,
    div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-veux a{
        line-height: 12px;
        font-size: 14px;
    }


    .swiper-container3D
    {
        padding: 30px 0;
        width: 880px;
        width: 967px !important;
        height: 430px !important  ;
        position: relative;
        left: -42px;
    }

    .reflection
    {
        bottom: 68px;
        width: 91%;
    }

    .swiper-container3D .swiper-slide-shadow-left, .swiper-container3D .swiper-slide-shadow-right, .swiper-container3D .swiper-slide-shadow-top, .swiper-container3D .swiper-slide-shadow-bottom
    {
        height: 58%;
    }

}

@media (max-width:992px){

    /* Slider home avec swiper */
    .swiper-container-slider{
        height:370px;
    }

    div.copyright div.footer-logo {
        text-align: left;
    }
    div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav > li > a {
        padding-left:10px;
        padding-right:10px;
        margin-left:0;
    }

    div.header div.front-topbar ul li {
        padding-right: 10px;
    }   
    div.header div.front-topbar ul li a.meteo {
        font-size: 19.68px;
    }
    div.header div.front-topbar ul.header-meteo-connexion li a.meteo i {font-size: 35px;}
    div.header div.front-topbar ul li a {font-size: 12px;}

    div.nice-pratique div.responsive-nice-pratique ul.filters{margin: 0;}
    div.nice-pratique div.responsive-nice-pratique ul.filters li{background:none;padding:0;}
    div.nice-pratique div.responsive-nice-pratique ul.filters li a {
        color: #000;
        background-color: #FFC900;
        text-decoration: none;
    }
    div.nice-pratique div.responsive-nice-pratique ul.filters li a.collapsed {
        color: #FFFFFF;
        background-color: #B3B3B3;
    }
    div.nice-pratique div.responsive-nice-pratique ul.categories{display:block;padding: 25px;height: 190px;}
    div.nice-pratique div.responsive-nice-pratique ul.categories li a{width:110px;padding-top: 15px;}

    div.list-item-wrapper .right-list{
        background: #eee;
        text-align: center;
    }

    .chapeau{
        min-height : 0px;
    }

    div.megaMenu div.container p.title{
        margin-top: 15px;
    }

    div.carte{
        margin-left: -30px;
    }

    div.a-decouvrir div.liste-a-decouvrir ul li{

    }
    div.a-decouvrir div.liste-a-decouvrir ul li a {
        width: 82px;padding:0px;  font-size:10px;
    }


}

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


    .container.sous-menu img {
        max-height : 178px;
    }

    #coverScrolled{
        width : 100% !important;
    }

    div.header div.front-topbar ul.header-meteo-connexion li.formrecherche{
        width :40px;
    }

    button.button-search-xs {
        background: none;
        border: none;
        color: #ccc;
    }

    .swiper-container3D .swiper-slide-shadow-left, .swiper-container3D .swiper-slide-shadow-right, .swiper-container3D .swiper-slide-shadow-top, .swiper-container3D .swiper-slide-shadow-bottom{
        height: 46%;
    }

    .reflection
    {
        width: 87%;bottom: 148px;
    }

    div.menu-search {
        left: -150px;
        border-radius: 0;
        padding: 0;
        margin: 0;
    }

    div.menu-search form div.label-input input[type="image"] {
        position: absolute;
        right: 0;
        top: 0;
        width: initial;
        z-index: 9;
        height: 100%;
        border-radius: 0;
    }

    div.a-ne-pas-rater div.block-tri .bg-colors.pull-right{
        width:200px;
    }

    div.nice-pratique{
        background-color: #ededed;
    }


    div.mega-menu.dropdown-menu p.title{

        font-size: 20px;

    }
    .block-detail{
        max-width:100%;
    }

    div.carte{

        margin-left: -50px !important;
    }

    div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container ul.list-lieux li a {

        font-size: 15px;
    }
    div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-suis,
    div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.j-habite{background:url('../image/menu-nice-pratique-separ.png') no-repeat right center;}
    div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-suis img.preview-je-suis {border: 10px solid white;}
    div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-suis a{margin:0 -15px;}
    div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-suis a,
    div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-veux a{

        font-size: 15px;
    }

    div.block-detail div.content-block-detail-offre-emploi div.content-block-detail-offre-emploi-date-limite{
        padding-top:13px;
    }

    div.nice-pratique div.responsive-nice-pratique ul.categories, 
    div.nice-pratique div.responsive-nice-pratique div.smartphone{
        padding:0 25px;
        //width:320px;
        height:135px;
    }
    div.nice-pratique div.responsive-nice-pratique div.smartphone{
        padding:10px 0px; 
    }
    div.nice-pratique div#accordion1 div.smartphone{
        padding:0px; 
    }
    div.nice-pratique div#collapse2 div.smartphone{
        padding-top:10px;
        height:160px;
    }
    div.nice-pratique ul.categories li{
        border:none;
        width:50%;
        height:140px;
    }
    div.nice-pratique div.responsive-nice-pratique div.smartphone .swiper-wrapper .swiper-slide{
        padding:0px;
        height:100%;
        width:290px !important;
    }
    div.nice-pratique div.responsive-nice-pratique div.smartphone .swiper-wrapper .swiper-slide div{
        float:left;
        display: inline;
        border:none;
        padding:0;
        height:135px;
    }
    div.nice-pratique div.responsive-nice-pratique div.smartphone .swiper-wrapper .swiper-slide div a{
        width:auto;
        color:#000;
        display:block;
        font-size:14px;
        text-align:center;
        line-height:17px;
        height:100%;
        padding-bottom:10px;
    }
    div.nice-pratique div.responsive-nice-pratique div.smartphone .swiper-wrapper .swiper-slide div a i {
        font-size:70px;
        display:block;
    }



    /* NICE PRATIQUE HOMEPAGE IPAD */
    .swiper-container-scrollable{
        width:100%;
    }
    .swiper-scrollbar{
        border-radius:10px;
        margin:5px auto;
        width:100%;
        height:5px;
        position:relative;
        background:#B3B3B3;
    }
    .swiper-scrollbar .swiper-scrollbar-drag{
        background : #FFC900;
    }

    div.nice-pratique{
        margin-bottom:5px;
    }
    div.nice-pratique ul.filters li a{
        padding: 9px 0;
        border-bottom:3px solid #fff;
    }
    #accordion1{
        background-color: #ededed;
    }

    #collapse1{overflow:hidden}

    #accordion1 > div{
        padding:0px;
    }
    div.responsive-nice-pratique ul.categories, 
    div.responsive-nice-pratique .swiper-container-scrollable{
        padding:0 25px;
        //width:320px;
        height:135px;
    }
    div.nice-pratique div.responsive-nice-pratique .swiper-container-scrollable{
        padding:10px 0px; 
    }
    div.nice-pratique div#accordion1 .swiper-container-scrollable{
        padding:0px; 
    }
    div.nice-pratique div#collapse2 .swiper-container-scrollable{
        padding-top:10px;
        height:160px;
    }
    div.nice-pratique ul.categories li{
        border:none;
        width:50%;
        height:140px;
    }
    div.responsive-nice-pratique .swiper-container-scrollable .swiper-wrapper .swiper-slide{
        padding:0px;
        border:none;

    }
    div.responsive-nice-pratique .swiper-container-scrollable .swiper-wrapper .swiper-slide a{
        width:auto;
        color:#000;
        display:block;
        font-size:14px;
        text-align:center;
        line-height:17px;
        height:100%;
        padding-bottom:10px;
    }
    div.responsive-nice-pratique .swiper-container-scrollable .swiper-wrapper .swiper-slide a i {
        font-size:70px;
        display:block;
    }
    div.nice-pratique ul.categories li:last-child{border:none;height:140px;}



}

@media (max-width:767px){

    .container.sous-menu img {
        max-height : none !important;
    }


    div.sidebar-content {
        width: 98%;
        right: -98%;
    }

    /* LAYOUT DEFINITION FOR MOBILE */
    body.isUnivers {
        background : #ededed !important;
        overflow-x:hidden;
        width : 100%;
    }

    body .container-fluid, body .container{
        padding-left : 0px;
        padding-right : 0px;
    }

    body .row, body .row-fluid{
        margin-left : 0px;
        margin-right : 0px;
    }

    div.page-container{padding-top:0;}
    div.footer div.contact-center { 
        float:left;
    }

    div.ca-minteresse{margin-top:0;}
    div.en-ce-moment div.block-filters ul li a {
        height: 60px;
        font-size: 12px;
    }

    div.en-ce-moment div.block-filters ul li a span{
        line-height: 30px;
    }

    div.en-ce-moment div.block-filters ul li a i {
        display: block;
        margin-top: 14px;
    }
    div.en-ce-moment a.block-article.small div.contenu p.title{
        font-size: 20px;
        line-height: 20px;
    }
    div.en-ce-moment a.block-article.small div.contenu p.title{
        font-size: 20px;
        line-height: 20px;
    }
    div.en-ce-moment a.block-article{
        margin-left:-15px;
        margin-right:-15px;
    }

    div.sous-menu div img.img-reponsive{max-height:initial;}
    div.block-detail div.list-icon-detail {
        text-align: left !important;
        margin-bottom: 10px;
    }

    div.copyright ul{
        text-align:center;
    }
    div.copyright ul li {
        margin: 0 5px;
        float:none;
        display:inline-block;
    }

    div.copyright ul li a {
        font-size: 15px;
        line-height: 50px;
    }
    div.copyright ul li a i{font-size:45px;}
    div.copyright div.footer-logo {
        text-align: center;
    }

    div.nice-pratique ul.categories li:last-child {
        border-right: 1px dotted #808080;
    }


    /** Slider handle **/
    .fullwidthbanner-container .fullwidthabnner {

        height: 290px !important;
    }

    .fullwidthbanner-container .fullwidthabnner a{
        display:block;
        width:100%;
        height:100%;
    }

    .fullwidthbanner-container .fullwidthabnner img
    {
        width:100% !important;
        height: auto !important;
        left: 0px !important;
    }

    div.slider div.block-article {
        top: 100% !important;
        width: 100%;
        left:0px !important;
    }

    div.slider div.tp-bullets {
        display : none !important;
        top : 12px !important;
        right : 5px !important;

    }

    div.slider div.tp-bullets.simplebullets.round .bullet{
        height : 20px !important;
        margin-left : 1px !important;
        margin-top : 1px !important;
        width : 24px !important;
    }

    div.slider div.tparrows{
        margin-top : -76px !important;
        display : none !important;
    }

    div.slider div.block-article .content p.title{
        margin-bottom : 10px !important;
    }

    div.slider div.block-article div.category p {
        font-size: 16px;
        padding: 5px 0;
    }

    div.slider div.block-article div.content p.date
    {
        font-size:14px;
    }

    div.slider div.block-article div.content p.title {
        color: #000;
        font-size: 20px;
        /* font-weight: bold; */
        line-height: 19px;
        /* margin-bottom: 40px; */
        white-space: normal;
    }

    div.slider div.block-article div.content p.read-more a {
        font-size: 10px;
        padding: 5px 10px;
    }

    div.slider {
        margin-bottom : 20px;
    }

    div.slider div.block-article div.content p.read-more{
        margin-right : -10px;
        margin-top : 14px;
    }


    .slide-block-event-wrapper .block-filter-event-wrapper{
        width: 165px;
    }

    .slide-block-event-wrapper{
        /*        margin-left: -15px;
                margin-right: -15px;*/
    }

    .block-title span:after, .block-title span:before{
        display:none;
    }

    /* BLOC HOME NICE PRATIQUE */
    .swiper-container-scrollable{
        width:100%;
    }
    .swiper-scrollbar{
        border-radius:10px;
        margin:5px auto;
        width:100%;
        height:5px;
        position:relative;
        background:#B3B3B3;
    }
    .swiper-scrollbar .swiper-scrollbar-drag{
        background : #FFC900;
    }

    .swiper-scrollbar-culture .swiper-scrollbar-drag{
        background : #FF493F;
    }

    div.nice-pratique{
        margin-bottom:5px;
    }
    div.nice-pratique ul.filters li a{
        padding: 9px 0;
        border-bottom:3px solid #fff;
    }
    #accordion1{
        background-color: #ededed;
    }

    #collapse1{overflow:hidden}

    #accordion1 > div{
        padding:0px;
    }
    div.responsive-nice-pratique ul.categories, 
    div.responsive-nice-pratique .swiper-container-scrollable{
        padding:0 25px;
        //width:320px;
        height:135px;
    }
    div.nice-pratique div.responsive-nice-pratique .swiper-container-scrollable{
        padding:10px 0px; 
    }
    div.nice-pratique div#accordion1 .swiper-container-scrollable{
        padding:0px; 
    }
    div.nice-pratique div#collapse2 .swiper-container-scrollable{
        padding-top:10px;
        height:160px;
    }
    div.nice-pratique ul.categories li{
        border:none;
        width:50%;
        height:140px;
    }
    div.responsive-nice-pratique .swiper-container-scrollable .swiper-wrapper .swiper-slide{
        padding:0px;
        border:none;

    }
    div.responsive-nice-pratique .swiper-container-scrollable .swiper-wrapper .swiper-slide a{
        width:auto;
        color:#000;
        display:block;
        font-size:14px;
        text-align:center;
        line-height:17px;
        height:100%;
        padding-bottom:10px;
    }
    div.responsive-nice-pratique .swiper-container-scrollable .swiper-wrapper .swiper-slide a i {
        font-size:70px;
        display:block;
    }
    div.nice-pratique ul.categories li:last-child{border:none;height:140px;}




    /*  GOOGLE MAP */
    #map_canvas{
        height: 320px !important;
    }

    /* PAGE CONTENU */
    .breadcrumb {margin-left:0px;}

    .list-item-wrapper h2{
        line-height:28px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .list-item-wrapper p.chapo{
        margin-left: -15px;
        margin-right: -15px;
    }

    .tab-btn-nice2020 div.center-btn-small{
        width:125px;
        margin:0 auto;
    }

    .tab-btn-nice2020 .tab-list{
        border:none;
    }


    .row.margin-15{
        margin-left: -15px;
        margin-right:-15px;
    }


    div.menu-mobile-content div.menu-mobile-list-link div.menu-mobile ul.menu_niv1 > li > a{
        font-size:28px;
    }

    /* FOOTER */
    .logo-ville-footer{
        float:left;
        margin-top:20px;
        margin-bottom:20px;
    }
    div.a-decouvrir div.liste-a-decouvrir{
        padding-bottom:10px;
    }
    div.a-decouvrir div.liste-a-decouvrir ul li {

        border-right: 1px dotted white;
        height: 100px;

        text-align: center;
        padding: 0px;
        width: 100px;
    }
    div.a-decouvrir div.liste-a-decouvrir ul li a{
        font-size: 10px;line-height: 14px;width:100px;
    }
    div.a-decouvrir div.liste-a-decouvrir ul li:last-child {
        border-right: 1px dotted white;
    }

    .preference-wrapper .form-label

    {
        margin:0px !important;
    }
    .select2-container .select2-choice > .select2-chosen
    {
        margin:0px !important;
        font-size: 13.5px !important;
    }
    .form-wrapper .form-label label {

        padding-left: 0px !important;
    }

    .subscribe-form .checkbox-wrapper

    {
        padding-left: 0px !important ;

    }

    /* KIOSKE HOME*/
    .block-kiosque{
        padding:0px;
    }
    .block-kiosque .kiosque {
        padding:0px;
        height:100%;
        margin-bottom:5px;
    }
    div.block-kiosque div.slide-block-kiosque div.imageKiosque img{
        width:330px;
        padding:25px 30px 10px 30px;
    }

    .selectstatut{
        margin-top:15px;
        margin-bottom:10px;
    }
    .selectstatut label{
        font-family:"ars-bold";
        height:25px;
        font-size: 14px;
    }

    /* DETAIL OFFRE EMPLOI */
    h2.titre-offre{
        font-size:26px;
        margin-left:0px;
        margin-right:0px;
    }

    .div.block-detail .title-block-detail{
        margin:0px -15px 10px -15px;
    }

    .content-block-detail.detail-job{
        margin:0px -15px 10px -15px;
    }


    .content-block-detail .margin-15{
        margin-right:-15px;
        margin-left:-15px;
    }
    .content-block-detail .nopadding, .block-detail .nopadding, .terre-de-culture .nopadding{
        padding:0px; 
    }
    .nopadding{
        padding:0px;
    }
    ul.ul-job{
        padding: 0 5px;
    }

    div.block-detail div.content-block-detail-offre-emploi div.content-block-detail-offre-emploi-date-limite{
        padding-top:13px;
    }

    div.block-detail div.content-block-detail-offre-emploi > div{
        padding-top:0px;
        padding-left:15px;
    }

    div.nice-pratique div.responsive-nice-pratique ul.categories li a{
        width:auto;
    }
    div.en-ce-moment
    {
        padding:0px;
    }

    div.a-ne-pas-rater{padding:0px;margin-top:20px;}
    div.a-ne-pas-rater .slide-block-event-wrapper .block-filter-event-wrapper{width:100%;}

    //.list-reseaux-sociaux .swiper-container{height:395px;}

    /* CSS Swiper Mobile */
    .swiper-container3D {
        padding:6px 0 30px 0;

        width: 100% !important;
        height: 500px  !important;
        /*height: 420px  !important;*/
    }
    .reflection
    {
        width: 91%;bottom: -265px;
    }

    .paginathome
    {

        clear: both;
        right: 0px;
        bottom: -3px;
        text-align: center;

        position: relative;

    }



    div.en-ce-moment a.block-article div.contenu p.title{
        margin-bottom:5px;
        line-height:23px;
        padding-top:7px;
        font-size:17px;
    }

    .culture .fullwidthbanner-container .fullwidthabnner {

        height: 310px !important;
    }
    div.en-ce-moment div.block-filters ul li a i{
        font-size:43px;
        line-height:1px;
        display:inline-block;
        padding:14px 0 20px 0;
    }


    .ReadMoreKiosque
    {
        margin-top:46px;
    }

    .projet-item-wrapper h4{
        height:auto;
    }

    .swiper-social{
        height:520px !important;
    }


    div.sous-menu p.description-sous-menu
    {
        margin: 0px 0px 40px 0px;
    }

    div.sous-menu a.active div.link-sous-menu
    {
        height:90px;
    }
    #revolutionul .content .date
    {
        line-height:15px;
    }

    div.block-detail div.block-date-evenement div.date-evenement p
    {
        font-size: 18px;font-weight: bold
    }
    div.block-detail div.block-date-evenement div.date-evenement
    {
        height: 63px;

        line-height: 26px;
    }
    .cke_show_border td{
        width:33% !important;
        padding: 0 4px
    }

    .cke_show_border td p{
        text-align:center;
    }

    .swiper-container-slider{
        height:340px;
    }

    div.swiper-container-slider div.block-article{
        top:58% !important;
    }

    .swiper-slider{
        display:none;
    }

    .offset-anchor{
        margin-top : 0px !important;
        padding-top : 0px !important;
        display : block;
    }

}

@media (max-width:325px){
    .general .fullwidthbanner-container .fullwidthabnner,
    .culture .fullwidthbanner-container .fullwidthabnner{
        height:280px !important;
    }
}

#newsletter_newsletters
{margin-top: 30px;}

@media screen and (orientation:portrait){
    body{opacity:1;}
}

@media only screen and (max-device-width : 1024px) and (orientation : landscape) {
    .swiper-container-slider{
        height:475px;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 736px) and (orientation : landscape) {
    .isLandscape #landscape{
        display: block;
    }
}


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

    div.menu-mobile-content div.menu-mobile-footer ul li{
        padding: 0 15px;
    }
}

body{-webkit-transition:400ms ease;-webkit-transition-timing-function: ease-in-out;}
body{-webkit-transition-property:opacity;}