html.uk-offcanvas-page {
    overflow: hidden;
    overflow-y: auto;
}

@media screen and (max-width: 1200px){
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }

    html {
        overflow: hidden !important;
        overflow-y: auto !important;
    }

    html body {
        overflow-y: auto !important;
    }

    html.uk-offcanvas-page.hidden,
	html.no-scroll {
        overflow: hidden !important;
        display: block !important;
        visibility: visible !important;
		position: fixed !important;
		max-height: 100vh;
    }

    body.homepage #wrapper, #wrapper {
        padding-top: 66px !important;
    }

    #offcanvas {
        z-index: 99999;
    }

    .uk-offcanvas-bar {
        right: 40px;
        max-width: none !important;
    }

    #header-wrap {
        -webkit-transition: transform .4s;
        -moz-transition: transform .4s;
        transition: transform .4s;
    }

    html.uk-offcanvas-page #header-wrap {
        -webkit-transform: translateX(340px);
        -moz-transform: translateX(340px);
        -ms-transform: translateX(340px);
        transform: translateX(340px);
    }

    #offcanvas.uk-offcanvas .toolbar {
        height: 65px;
    }

    #offcanvas.uk-offcanvas .toolbar .btn-close-menu {
        background-image: url(../images/close-black.svg);
        background-color: #FFF;
        border: none !important;
    }

    #offcanvas .moduletable {
        position: relative;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
        padding-right: 60px;
        overflow: hidden;
    }

	#offcanvas .l1 {
		padding-top: 68px;
	}
    #offcanvas li.toolbar.search-area {
        border: none !important;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999999;
		list-style: none;
    }

    #offcanvas .moduletable #mod-finder-searchform,
    #offcanvas li.toolbar.search-area .acces-rapide {
        width:  auto !important;
        max-width: 50% !important;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        transition: all .4s;
        cursor: pointer;
    }

    #offcanvas .moduletable #mod-finder-searchform {
        overflow: hidden;
        background: #1d1d1b;
    }
	#search-form form#finder-search .barre_search .finder {
		padding-bottom: 0;
	}
	#search-form form#finder-search .barre_search .paddright {
		padding-left: 30px;
	}
    #offcanvas .moduletable #mod-finder-searchform .finder.search-header > * {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        transition: all .4s;
    }

    #offcanvas .moduletable #mod-finder-searchform .finder.search-header {
        background-image: url(../images/icon-search.svg);
        background-color: #1d1d1b;
        position: relative;
        background-repeat: no-repeat;
        background-size: 22px auto;
        background-position: 15px center;
        padding: 0 40px 0 55px;
        cursor: pointer;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        transition: all .4s;
    }

    #offcanvas li.toolbar.search-area .acces-rapide {
        background: #ffe500;
    }

    #offcanvas li.toolbar.search-area .acces-rapide a {
        font-weight: 700 !important;
        padding: 20px 0 !important;
        text-align: center !important;
        font-size: 16px !important;
        line-height: 28px;
        border: none !important;
        color: #1d1d1b !important;
        text-transform: uppercase; 
		display: block;
    }

    #offcanvas li.toolbar.search-area .acces-rapide a:before,
    #offcanvas li.toolbar.search-area .acces-rapide a:after {
        display: none !important;
    }

    #offcanvas li .l2 {
        padding-left: 20px;
        list-style: none;
        overflow-x: hidden;
    }
	
	#offcanvas .l1 li.spacer {
		display: none !important;
	}
	
    #offcanvas li.parent a {
		font-family: 'Open Sans Condensed', sans-serif;
        font-size: 20px;
        font-weight: 700 !important;
        line-height: 29px;
        color: #9fa0a0 !important;
        padding: 23px 45px 23px 15px !important;
        cursor: pointer;
    }
    
    #offcanvas .l1 li.parent a:hover,
    #offcanvas .l1 li.parent a.opened {
        color: #1d1d1b !important;
    }

    #offcanvas .l1  li.parent  a:before,
    #offcanvas.uk-offcanvas ul.l3 > li > a:before,
	#offcanvas .all-l4 .l4  li  a:before,
    #offcanvas.uk-offcanvas ul.l4 > li > a:before {
        content: "";
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        left: auto;
        margin: auto;
        width: 15px;
        height: 15px;
        background-color: transparent;
        background-image: url(../images/icon-arrow-down-grey.svg);
        background-repeat: no-repeat;
        background-size: 10px auto;
        background-position: center center;
        display: block !important;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        border: none;
        opacity: 1;
        -webkit-transition: opacity .4s;
        -moz-transition: opacity .4s;
        transition: opacity .4s;
    }

    #offcanvas .l1 li.parent > a:after,
    #offcanvas.uk-offcanvas ul.l3 > li > a:after,
    #offcanvas li.toolbar.search-area .acces-rapide .l3 a:after,
	#offcanvas .l1 .l4 li > a:after,
    #offcanvas.uk-offcanvas ul.l4 > li > a:after {
        content: "";
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 15px;
        height: 15px;
        background-image: url(../images/icon-arrow-down.svg);
        background-repeat: no-repeat;
        background-size: 10px auto;
        background-position: center center;
        display: block !important;
        border: none;
        opacity: 0;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: opacity .4s;
        -moz-transition: opacity .4s;
        transition: opacity .4s;
    }

    #offcanvas.uk-offcanvas ul.l3 > li > a:before,
    #offcanvas.uk-offcanvas ul.l3 > li > a:after,
    #offcanvas.uk-offcanvas ul.l4 > li > a:before,
    #offcanvas.uk-offcanvas ul.l4 > li > a:after {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    
    
    #offcanvas .l1  li.parent  a:hover:before,
    #offcanvas .l1  li.parent  a.opened:before,
    #offcanvas.uk-offcanvas ul.l3 > li > a:hover:before,
    #offcanvas.uk-offcanvas ul.l3 > li > a.opened:before,
	#offcanvas.uk-offcanvas ul.l4 > li > a:hover:before,
    #offcanvas.uk-offcanvas ul.l4 > li > a.opened:before  {
        opacity: 0;
    }

    #offcanvas .l1  li.parent  a:hover:after,
    #offcanvas .l1  li.parent  a.opened:after,
    #offcanvas.uk-offcanvas ul.l3 > li > a:hover:after,
    #offcanvas.uk-offcanvas ul.l3 > li > a.opened:after,
	#offcanvas.uk-offcanvas ul.l4 > li > a:hover:after,
    #offcanvas.uk-offcanvas ul.l4 > li > a.opened:after  {
        opacity: 1;
    }

    #offcanvas .l1 > li.parent.first  a:before,
    #offcanvas .l1 > li.parent.first a:after {
        display: none !important;
    }

    #offcanvas.uk-offcanvas .slider-header {
        border: none !important;
    }

    #offcanvas.uk-offcanvas .slider-header .back {
        padding: 0 60px;
    }

    #offcanvas.uk-offcanvas .slider-header .back .text {
		font-family: 'Open Sans Condensed', sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        color: #1d1d1b;
        font-weight: 700;
        text-align: center;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 24px;
        height: 100%;
    }

    #offcanvas.uk-offcanvas .slider-header .back .icon {
        background-image: url(../images/icon-arrow-right.svg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); 
    }

    #offcanvas.uk-offcanvas ul.l3 > li > a,
    #offcanvas.uk-offcanvas ul.l4 > li > a {
        font-size: 20px;
        font-weight: 700 !important;
        line-height: 29px;
        color: #9fa0a0 !important;
        padding: 23px 45px 23px 15px !important;
        text-transform: uppercase;
    }

    #offcanvas.uk-offcanvas ul.l3 > li > a:hover,
    #offcanvas.uk-offcanvas ul.l4 > li > a:hover {
        color: #1d1d1b !important;
    }

    #offcanvas.uk-offcanvas .acces-rapide ul.l2 {
        position: fixed;
        top: 68px;
        left: 0;
        right: 0;   
        background: #ffe500;
        z-index: 1;
        overflow: hidden;
        overflow-y: auto;
    }

    #offcanvas.uk-offcanvas .acces-rapide ul.l2 .l3 {
        display: block;
        position: relative;
        top: 0;
        height: auto;
        overflow: hidden;
        margin-left: -20px;
        width: auto;
    }

    /*#offcanvas li.toolbar.search-area .acces-rapide .l3 li:not(.show_mobile)  {
        display: none;
    }*/

    #offcanvas li.toolbar.search-area .acces-rapide .l3 a {
        text-align: left !important;
        padding: 24px 15px !important;
        border-bottom: 1px solid #f2f2f3 !important;
        padding-right: 50px !important;
        background-position: 15px center;
        background-repeat: no-repeat;
        background-size: 30px auto;
    }
	/*
    #offcanvas li.toolbar.search-area .acces-rapide .l3 li.item1778 a {
        background-image: url(../images/pictos/icon-guichet-hover.svg);
    }

    #offcanvas li.toolbar.search-area .acces-rapide .l3 li.item2044 a {
        background-image: url(../images/pictos/icon-arrivee-hover.svg);
    }

    #offcanvas li.toolbar.search-area .acces-rapide .l3 li.item2059 a {
        background-image: url(../images/pictos/icon-carte-cff-hover.svg);
    }

    #offcanvas li.toolbar.search-area .acces-rapide .l3 li.item1735 a {
        background-image: url(../images/pictos/icon-dechets-hover.svg);
    }
	*/
    #offcanvas li.toolbar.search-area .acces-rapide .l2 > li > a {
        display: none;
    }

    #offcanvas li.toolbar.search-area .acces-rapide .l3 a:after {
        opacity: 1;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    #offcanvas.uk-offcanvas .moduletable .acces-rapide .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 68px !important;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        background: #ffe500 url(../images/menu-burger.svg) no-repeat center center;
        background-size: 17px 18px;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        transition: all .4s;
        cursor: pointer;
    }

    #offcanvas.uk-offcanvas .moduletable.open .acces-rapide .btn-close {
        opacity: 1;
        visibility: visible;
    }

    #offcanvas .moduletable #mod-finder-searchform.open {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    #offcanvas .moduletable #mod-finder-searchform.open .finder.search-header {
        background-image: none;
    }

    #offcanvas .moduletable #mod-finder-searchform.open .finder.search-header > * {
        opacity: 1;
        visibility: visible;
    }

    #offcanvas .moduletable #mod-finder-searchform .finder.search-header #mod_finder_btn {
        position: absolute;
        right: 0;
        left: auto;
        top: 0;
        bottom: 0;
        width: 55px;
        background:  #1d1d1b url(../images/icon-search.svg) no-repeat center center;
        background-size: 22px auto;
        padding: 0;
    }

    #offcanvas .moduletable #mod-finder-searchform .finder.search-header .search-query {
        margin: 0;
        width: 100%;
        line-height: 65px;
        height: auto;
        padding: 0;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none ;
        color: #FFFFFF;
		text-transform: uppercase;
		font-weight: 300;
    }

    #offcanvas .moduletable #mod-finder-searchform .finder.search-header .btn-back {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 40px;
        background-image: url(../images/icon-arrow-right-grey.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 13px auto;
        padding: 0;
        cursor: pointer;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .mobile-icons li.item908 {
        cursor: pointer;
    }

    section#top > .search-header input.search-query, 
    section#top > .search-header input.inputbox {
        margin: 0 !important;
        line-height: 65px;
        height: auto !important;
    }

    section#top .moduletable.search-header {
        height: auto !important;
    }

    section#top > .search-header #mod_finder_btn {
        top: 0;
        right: 0;
        height: 65px;
    }

    #header-wrap section#top .search-header button.btn-close {
        top: -66px;
        right: 52px;
        left: auto;
        height: 66px;
        background-color: #1d1d1b;
        background-image: url(../images/close.svg);
    }

    #offcanvas .l1 .l2 > li a:before,
    #offcanvas .l1 .l2 > li a:after {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
	
	#acces-rapides .img_bottom {
		display: none;
	}
	
	#search-form form#finder-search .barre_search.barre_fixed {
		-webkit-transform: translateY(66px);
		-moz-transform: translateY(66px);
		transform: translateY(66px);
	}
	#search-form form#finder-search .barre_search .bg_grey,
	#search-form form#finder-search .barre_search .bg_yellow{
		overflow: hidden;
	}
	#search-form form#finder-search .barre_search.barre_fixed .bg_grey {
		padding-top: 30px;
	}
}

body #wrapper #main #acces-rapides-actualites {
    display: none;
}

#sidebar {
    display: none;
}

@media screen and (max-width: 767px){
    div.slide-items div.item .sloga {
        right: 15px;
        right: 15px;
    }

    body.homepage #wrapper #main {
        overflow: visible;
        margin-top: 0 !important;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    section#banniere .mask {
        background-size: auto 100% !important;
    }

    body.homepage #wrapper #main > .container {
        background: transparent !important
    }

    body.homepage #wrapper #main .navigation-mobile .selector {
        padding-top: 0;
    }

    body.homepage #wrapper section#main div.slide-items .controls {
        bottom: 85px !important;
    }

    body.homepage #wrapper #main #content-top .actualites .header {
        margin-bottom: 12px;
    }

    body.homepage #wrapper #main #acces-rapides-actualites {
        display: block;
        padding-bottom: 30px;
        position: relative;
        margin: 15px -15px 0;
    }

    body.homepage #wrapper #main #acces-rapides-actualites .content-img {
        max-height: 375px;
        overflow: hidden;
        position: relative;
        z-index: 0;
    }
    
    body.homepage #wrapper #main #acces-rapides-actualites .content-img img {
        opacity: 0.30;
        -webkit-filter: saturate(0%);
        filter: saturate(0%);
        -webkit-transform: translateY(-60px);
        -moz-transform: translateY(-60px);
        -ms-transform: translateY(-60px);
        transform: translateY(-60px);
        padding-right: 30px;
    }
    
    body.homepage #wrapper #main #acces-rapides-actualites .content-img:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #ffffff;
        z-index: -1;
    }
    body.homepage #wrapper #main #acces-rapides-actualites .content-img:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 66.67%;
        background: #ffe500;
    }

    body.homepage #wrapper #main #acces-rapides-actualites:before {
        content: "";
        position: absolute;
        left: 0;
        width: 62px;
        background: #f2f2f3;
        height: 375px;
        top: 375px;
        z-index: -1;
    }
    
    body.homepage #wrapper #main #acces-rapides-actualites:after {
        content: "";
        position: absolute;
        left: 47px;
        background: #ffe500;
        bottom: 0;
        width: 30px;
        height: 30px;
    }
    body.homepage #wrapper #main #acces-rapides {
        float: none;
    }

    body.homepage #wrapper #bottom section#evenements {
        margin-top: 0;
    }

    body.homepage #wrapper #bottom  section#evenements:before {
        left: -15px;
        right: auto;
        width: 62px;
    }

    body.homepage #wrapper #bottom section#evenements .jcalpro_events.items {
        padding-top: 0;
    }

    body.homepage #wrapper #bottom section#evenements .jcalpro_events.items > *  {
        float: none;
    }

    body.homepage #wrapper #bottom section#evenements .jcalpro_events.items .grid6:after {
        content: "";
        display: block;
        clear:both;
    }

    body.homepage #wrapper #bottom section#evenements .jcalpro_events.items > .jcalpro_alldates {
        padding-bottom: 0;
    }

    body.homepage #wrapper #bottom-home {
        background: #f2f2f3;
    }

    body.homepage #wrapper #bottom-home #sidebar-b {
        z-index: 0;
        margin: 0 15px;
        z-index: 1;
    }

    body.homepage #wrapper #bottom-home #sidebar-b .sidebar-b {
        padding: 90px 15px 0;
        position: relative;
        background: #ffffff;
    }

    body.homepage #wrapper #bottom-home #sidebar-b .sidebar-b:before {
        content: "";
        position: absolute;
        left: -15px;
        width: 50vw;
        top: 0;
        height: 90px;
        background: #ffe500;
    }

    body.homepage #wrapper #bottom-home #sidebar-b .sidebar-b:after {
        content: "";
        position: absolute;
        right: -15px;
        width: 50vw;
        top: 0;
        height: 90px;
        background: #f2f2f3;
    }

    body.homepage #wrapper #bottom-home #sidebar-b .header {
        padding: 30px 0px 5px;
    }

    body.homepage #wrapper #bottom-home #sidebar-b .sidebar-b .content:after {
        content: "";
        display: block;
        clear: both;
    }

    body.homepage #wrapper #bottom-home #sidebar-b .items {
        padding: 0 0px 30px;
    }

    body.homepage #wrapper #bottom-home #sidebar-b h2.title {
        text-align: left;
        font-size: 36px;
        text-transform: uppercase;
        line-height: 45px;
        font-weight: 900;
        color: #1d1d1b;
        padding: 10px 0;
        margin: 0 0 45px;
        position: relative;
        z-index: 1;
    }

    body.homepage #wrapper #bottom-home aside#sidebar-b .block:after {
        opacity: 0;
        visibility: hidden;
    }

    body.homepage #wrapper #bottom-home .bottom-home {
        -webkit-transform: translateY(-35px);
        -moz-transform: translateY(-35px);
        -ms-transform: translateY(-35px);
        transform: translateY(-35px);
    }

    body.homepage #wrapper #bottom-home .bg-div {
        height: 370px;
        width: 100%;
    }

    body.homepage #wrapper #bottom-home .bg-div span {
        background-size: auto 100% !important;
        background-position: center top !important;
    }

    body.homepage #wrapper #bottom-home .bottom-div {
        position: relative;
        z-index: 0;
    }

    body.homepage #wrapper #bottom-home .bottom-div .picto-top:before {
        opacity: 0;
    }

    #bottom-home:after {
        opacity: 0;
    }

    #bottom-home .bottom-home:before {
        content: "";
        position: absolute;
        top: -55px;
        right: 0;
        height: 190px;
        width: 28%;
        background: #ffe500;
        z-index: 1;
    }
    
    #bottom-home .bottom-home:after  {
        content: "";
        position: absolute;
        bottom: -35px;
        left: 0;
        right: 0;
        height: 35px;
        background: #ffffff;
    } 

    #wrapper #footer {
        min-height: 0;
    }

    #wrapper #footer .footer-1 .block,
    #wrapper #footer .footer-2 .block {
        padding: 20px 15px 0 !important;
    }

    #wrapper #footer .footer-1 .block,
    #wrapper #footer .footer-2 .block:not(:last-of-type) {
        border-bottom: 1px solid #f2f2f3;
    }
    
    #wrapper #footer .footer-1 .block .content,
    #wrapper #footer .footer-2 .block .content {
        display: block;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        transition: all .4s;
    }

    #wrapper #footer ul {
        margin: 0;
    }

    #wrapper #footer .footer-1 .block .content .custom,
    #wrapper #footer .footer-2 .block .content .custom {
        padding-bottom: 20px;
    }

    #wrapper #footer .footer-1 .block .header,
    #wrapper #footer .footer-2 .block .header {
        display: block;
    }

    #wrapper #footer h2.title {
        margin-bottom: 20px;
        padding: 0;
        line-height: normal;
        position: relative;
        cursor: pointer;
    }

    #wrapper #footer h2.title span {
        font-size: 22px;
        line-height: 35px;
        font-weight: 700;
        padding: 0;
        margin: 0;
        display: inline-block;
    }

    #wrapper #footer h2.title:after {
        opacity: 0;
    }

    #wrapper #footer h2.title:before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 10px;
        height: 10px;
        background-image: url(../images/icon-arrow-down-grey.svg);
        background-position: center center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        display: block !important;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        transition: all .4s;
    }

    #wrapper #footer .footer-1 .block.open .content,
    #wrapper #footer .footer-2 .block.open .content {
        max-height: 1000px;
        opacity: 1;
        visibility: visible;
    }

    #wrapper #footer .block.open {
        border: none;
    }

    #wrapper #footer .block.open .header h2.title:before{
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    #footer .footer-2 {
        display: block !important;
        background: #ffffff !important;
    }

    #wrapper #footer .footer-2 .block .content .map_footer {
        padding-bottom: 100%;
        position: relative;
        max-height: 250px;
        margin-bottom: 20px;
        overflow: hidden;
    }
	
	#wrapper #footer .footer-1 .block .content .newsletter-footer{
		display: none;
	}

    #wrapper #footer .footer-2 .block .content .map_footer #mapkit-4300 {
        top: 0;
        width: 100%;
        overflow: hidden;
    }

    #wrapper #copyright ul li {
        padding: 0 15px 0 10px;
    }

    #wrapper #copyright ul li:first-of-type {
        padding-left: 0;
    }

    #wrapper #copyright ul li:nth-child(3) {
        padding-right: 0;
    }

    #wrapper #copyright ul li:nth-child(3):after {
        opacity: 0;
    }

    #wrapper #copyright ul li:last-of-type {
        float: none;
    }

    #wrapper #content_article {
        margin: 0;
    }

    #wrapper #content_article + #main {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);   
    }

    #wrapper  #bottom-home.with-laune {
        margin-top: 0;
    }

    #wrapper section#content_laune .container > div {
        position: relative;
        padding-top: 200px;
    }

    #wrapper section#content_laune .container .content {
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
        width: auto;
        padding: 5px 15px 0;
    }

    #wrapper section#content_laune .bg-div {
        max-height: 225px;
        position: absolute;
        left: 0;
        right: -15px;
        top: 0;
        width: auto;
        z-index: 1;
    }

    #wrapper section#content_laune .bg-div span:before {
        left: -15px;
        top: 0;
        right: 0;
        background: #ffe500;
        bottom: 0;
        z-index: -1;
        width: auto;
        height: auto;;
    }

    #wrapper section#content_laune .bg-div span:after {
        top: 0;
        bottom: -15px;
        height: auto;
        left: 0;
        right: 0;
        width: auto;
    }

    #wrapper  section#content_laune .container .content .link-readmore {
        right: -15px;
    }

    body.homepage #wrapper #bottom.with-laune {
        padding: 0;
    }

    body.homepage #wrapper #bottom.with-laune section#evenements .jcalpro_events.items {
        padding-bottom: 55px;
    }

    body.homepage #wrapper section#content_laune {
        margin-bottom: 0;
    }

    body.homepage #wrapper #sidebar {
        display: block;
    }

    body.homepage #wrapper #sidebar > .header {
        position: fixed;
        top: 215px;
        right: 20px;
        min-width: 110px;
        cursor: pointer;
        z-index: 99998;
    }

    body.homepage #wrapper #sidebar > .header p {
        color: #1d1d1b;
        font-size: 14px;
        font-weight: 700;
        line-height: 24px;
        padding: 10px 11px;
        margin: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        background: #ffe500;
        -webkit-box-shadow: 2px 3px 35px 0px rgba(75, 75, 85, 0.15);
        box-shadow: 2px 3px 35px 0px rgba(75, 75, 85, 0.15); 
        -webkit-transition: background .4s;
        -moz-transition: background .4s;
        transition: background .4s;
        transform-origin: right;
    }

    body.homepage #wrapper #sidebar > .header p:hover {
        background: #fbdc31;
    }

    body.homepage #wrapper #sidebar > .content {
        position: fixed;
        padding: 95px 15px 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
		max-height: 100vh;
		overflow: hidden;
		overflow-y: auto;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        transition: all .4s;
        z-index: 99999;
        background: rgba(29, 29, 27, 0.6);
    }
    body.homepage #wrapper #sidebar .content:after {
        content: "";
        display: block;
        clear: both;
    }

    body.homepage #wrapper #sidebar > .content .btn-close {
        position: absolute;
        top: 95px;
        right: 15px;
        width: 50px;
        height: 50px;
        background-image: url(../images/close-black.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 20px auto;
        z-index: 2;
        cursor: pointer;
    }

    body.homepage #wrapper #sidebar #bottom-home #sidebar-b .sidebar-b {
        padding: 15px;
    }

    body.homepage #wrapper #sidebar #bottom-home #sidebar-b .sidebar-b,
    body.homepage #wrapper #sidebar aside#sidebar-b .block,
    body.homepage #wrapper #sidebar #bottom-home #sidebar-b .items,
    body.homepage #wrapper #sidebar #bottom-home #sidebar-b .header {
        background: #ffe500;
    }

    body.homepage #wrapper #sidebar #bottom-home #sidebar-b .sidebar-b:before,
    body.homepage #wrapper #sidebar #bottom-home #sidebar-b .sidebar-b:after {
        display: none !important;
    }

    body.homepage #wrapper #sidebar #bottom-home #sidebar-b .sidebar-b #acces-rapides,
    body.homepage #wrapper #sidebar #bottom-home #sidebar-b,
    body.homepage #wrapper #sidebar aside#sidebar-b .block {
        margin: 0;
    }

    body.homepage #wrapper #sidebar #bottom-home #sidebar-b .items,
    body.homepage #wrapper #sidebar aside#sidebar-b .block {
        padding: 0;
    }
    

    body.homepage #wrapper #sidebar #bottom-home #sidebar-b .header {
        padding: 0;
    }

    body.homepage #wrapper #sidebar #bottom-home #sidebar-b .header h2.title {
        font-size: 24px;
        margin-bottom: 15px;
    }

    body.homepage #wrapper #sidebar #bottom-home #sidebar-b .header h2.title:before  {
        opacity: 0;
    }

    body.homepage #wrapper #sidebar #bottom-home #sidebar-b .header h2.title:after {
        background: #ffffff;
    }

    body.homepage #wrapper #sidebar #bottom-home #acces-rapides .items ul li a:after {
        background: #1d1d1b;
    }
    #acces-rapides .items ul li span.image-title1, #acces-rapides .items ul li span.image-title2 {
        color: #1d1d1b;
    }

    body.homepage #wrapper #sidebar #bottom-home #acces-rapides .items ul li .img-menu .hover {
        opacity: 1;
    }

    body.homepage #wrapper #sidebar #bottom-home #acces-rapides .items ul li:first-child:before {
        top: 0;
    }

    body.homepage #wrapper #sidebar > .content.open {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    body:not(.homepage) section#banniere .container {
        width: 100%;
    }

    body:not(.homepage) section#banniere .titles_header {
        padding: 30px 15px;
    }
	
	#wrapper #search-form {
		min-height: 0;
	}
	
	#wrapper #search-form form#finder-search .barre_search {
		position: relative;
		z-index: 1;
		min-height: 0;
	}
	
	#wrapper #search-form form#finder-search .barre_search.barre_fixed {
		position: fixed;
		min-height: 0;
		-webkit-transform: translateY(65px);
		-moz-transform: translateY(65px);
		transform: translateY(65px);
	}
	
	.open-search #wrapper #search-form form#finder-search .barre_search.barre_fixed {
		-webkit-transform: translateY(130px);
		-moz-transform: translateY(130px);
		transform: translateY(130px);
	}
	
	body.com-finder-search #wrapper section#banniere.non_sous_menu, body.com_finder.view-search #wrapper section#banniere.non_sous_menu{
		display: none !important;
	}
	
	#wrapper #search-form form#finder-search .barre_search .container {
		background-color: transparent;
	}
	
	#wrapper #search-form form#finder-search .barre_search .bg_yellow {
		display: none;
	}
	
	body.com-finder-search #wrapper #search-form form#finder-search .grid6 .champ_right .has-select, body.com_finder.view-search #wrapper #search-form form#finder-search .grid6 .champ_right .has-select{
		max-width: 100%;
	}
	
	#wrapper #search-form form#finder-search .barre_search .container .bg_grey:after {
		left: -15px;
		right: -15px;
		width: auto;
		z-index: -1;
	}
	
	#search-form form#finder-search .grid6 .champ_left:after, 
	#search-form form#finder-search .grid6 .champ_right:after {
		content: "";
		display: block;
		clear: both;
	}
	
	#search-results .nbr_results .ligne_white {
		text-align: left;
		margin: 20px 0 0;
	}
	
	#search-results .result-title,
	#search-results .infos_result {
		text-align: left;
	} 
	
	#search-results li:first-of-type .result-title {
		margin-top: 0;
	}
	
	#mainbody ul.search-results li h4.result-title a {
		margin: 0 !important;
		line-height: 28px;
	}
	
	#mainbody ul.search-results li h4.result-title a:after {
		display: none;
	}
	
	#wrapper #search-form form#finder-search .grid6 .champ_right .has-select {
		max-width: 75%;
	}
	
	#wrapper #search-form form#finder-search .grid6 .champ_right .has-check {
		max-width: 25%;
		padding-left: 15px;
		width: 100%;
	}
	
	#wrapper #search-form form#finder-search .barre_search .bg_grey {
		padding: 15px 0;
	}
	
	#wrapper #search-form form#finder-search .barre_search.barre_fixed .bg_grey {
		padding: 15px;
	}
	
	#wrapper #search-form form#finder-search .barre_search .bg_grey h2 {
		display: block;
		text-align: left;
		margin: 0;
	}
	
	#wrapper #search-form form#finder-search .barre_search .bg_grey h2:after {
		display: none;
	}

	#wrapper #search-form form#finder-search .barre_search.barre_fixed .bg_grey h2 {
		display: none;
	}
	
	#wrapper #search-form form#finder-search .barre_search .bg_grey  .input-container.has-select.has-focus label{
		top: 10px;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	
	#wrapper section#banniere .container {
		min-height: 250px;
	}
	
	.rsform-block:after {
		position: relative;
		display: block;
		clear: both;
	}
	
	h2 ~ .custom {
		margin-bottom: 25px;
	}
	
	#main table {
		width: 100% !important;
	}
	
	#main table tr td:not(.td_aganda_day) {
		width: 100% !important;
		display: block;
		padding: 10px !important;
	}
	
	#main table tr td a {
		max-width: 230px;
	}
	
	#formulaire.front-end-edit .inner-control {
		max-width: 100% !important;
	}
	
	#formulaire.front-end-edit .inner-control .dates_column {
		margin: 0;
	}
	
	#formulaire.front-end-edit .inner-control .dates_column .width33 {
		padding-left: 0;
	}
	
	#formulaire.front-end-edit .inner-control .dates_column:after {
		content: "";
		display: block;
		clear: both;
	}
	.list-permi  {
		padding-left: 15px !important;
	}
	
	.list-permi li {
		padding-left: 20px !important;
	}
	
	#bottom #sidebar-b {
		background: #f2f2f3;
		padding: 95px 15px 15px;
		position: relative;
	}
	
	#bottom #sidebar-b:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 95px;
		width: 50%;
		background: #ffe500;
	}
	
	#bottom #sidebar-b .block {
		margin: 0;
	}
	
	#bottom #sidebar-b .header {
		padding: 30px 15px 5px;
	}
	
	#bottom #sidebar-b h2.title {
		font-size: 36px;
		padding: 10px 0;
		margin: 0 0 0;
		line-height: 45px;
		font-weight: 900;
	}
	
	#bottom #sidebar-b .content #acces-rapides {
		padding-top: 40px;
		margin: 0;
		background: #fff;
	}
}

@media screen and (max-width: 400px){
	#copyright ul li,
	#copyright ul li a {
		font-size: 12px !important;
	}
	
	#formulaire.front-end-edit .inner-control .dates_column .width33,
	#formulaire.front-end-edit .inner-control .dates_column .width66 {
		width: 100%;
	}
}