.alert-no-js {height: 100vh;width: 100%;display: table;}
.alert-no-js p {vertical-align: middle;text-align: center;height: 100%;display: table-cell;}

/*FONTS*/

/*@font-face {
    font-family: 'darkwomanregular';
    src: url('../fonts/darkwoman/darkwoman-webfont.eot');
    src: url('../fonts/darkwoman/darkwoman-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/darkwoman/darkwoman-webfont.woff2') format('woff2'),
        url('../fonts/darkwoman/darkwoman-webfont.woff') format('woff'),
        url('../fonts/darkwoman/darkwoman-webfont.ttf') format('truetype'),
        url('../fonts/darkwoman/darkwoman-webfont.svg#darkwomanregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
@font-face {
    font-family: 'darkwomanregular';
    src: url('../fonts/darkwoman/darkwoman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_cr';
    src: url('../fonts/robotocondensed-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_cb';
    src: url('../fonts/robotocondensed-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_cl';
    src: url('../fonts/robotocondensed-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
    font: normal 15px 'Fira Sans', sans-serif;
}
@media (min-width: 768px) {
    html {
        font-size: 17px;
    }
}
/*FIN FONTS*/
#main {
    /*    background: transparent url(../images/fond-interieur.gif) repeat;*/
}

p:empty {
    display: none;
}

/* RESET DATEPICKER */

#ui-datepicker-div {
    display: none;
}
#ui-datepicker-div, .map-switcher .ui-datepicker-inline {
    border: none;
    background: none;
    border-radius: 0;
}
.ui-datepicker {
    padding: 0;
    border: none;
}
.ui-datepicker .ui-datepicker-title {
    padding: 0.35em 2.3em 0;
    margin: 0;
}
.ui-widget {
    font-family: 'roboto_cr', sans-serif;
    font-size: 1em;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    background: none;
    border: none;
    font-weight: normal;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 1;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    text-align: center;
    background: none;
    border: none;
    padding: 0;
}
.ui-datepicker td {
    padding: 0;
}
.ui-widget-content a {
    color: #222;
}
/* FIN RESET DATEPICKER */



body {
    min-width: 320px;
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-x: hidden;
}
body.no-scroll {
    max-height: 100vh;
    overflow: hidden;
}
em {
    color: inherit;
}

a {
    color: #102e37;
}
html:not(.uk-touch) a:hover {
    color: #656565;
    text-decoration: none;
}

.uk-container-1 {
    max-width: 1512px;
    padding: 0;
}
.uk-container-large {
    max-width: 1512px;
    padding: 0;
}

/*.uk-container .module.uk-container {
    margin: 0 -35px;
}*/

.width60 {
    max-width: 60%;
    padding: 0 20px 40px 20px;
}

.width60 > a {
    text-decoration: none !important;
}

.width60 > a:hover {
    color: inherit !important;
}

.home {
    background-color: #f7f7f7;
}
.main-container {
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto;    
}

.darktitle {
    font-family: 'roboto_cb';
}

h2.titre-2 {
    font-family: 'roboto_cl', cursive;
    font-weight: normal;
    position: relative;
    font-size: 24px;
    line-height: 1em;
}
h3.titre-3 {
    font-family: 'roboto_cb', sans-serif;
    font-weight: normal;
    position: relative;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 1em;
    text-shadow: 1px 1px 2px #000000;
    margin: 0;
}

h2.titre-2:before {
    content: "";
    height: 5px;
    width: 30px;
    background-color: #ffffff;
    position: absolute;
    left: -40px;
    top: 50%;
    margin-top: -2.5px;    
}

.titre-section-1 {
    font-family: 'roboto_cb';
    font-size: 44px;
    line-height: 1em;
    color: #333333;
}

h2.titre-section-1 {
    font-size: 34px;
    line-height: 1em;
}

h3.titre-section-1 {
    font-size: 33px;
    line-height: 1em;
}

h4.titre-section-1 {
    font-size: 32px;
    line-height: 1em;
}

h5.titre-section-1 {
    font-size: 31px;
    line-height: 1em;
}

h6.titre-section-1 {
    font-size: 30px;
    line-height: 1em;
}

.separateur-couleur {
    height: 5px;
    width: 450px;
    margin: 0 auto;
    background-color: #000000;
    max-width: 60%;
}

.container-white {
    padding: 25px 0;
    background-color: #ffffff;

}

.no-padding {
    padding: 0;
}

/*h1, h2, h3, h4, h5, h6 {
    margin: 0;
}*/

.bloc-mea h1 {
    font-family: 'roboto_cr';
    position: relative;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 1em;
}

.bloc-mea h1.invert {
    color: #ffffff;
}

.bloc-mea h1:before {
    content: "";
    height: 5px;
    width: 40px;
    position: absolute;
    top: 50%;
    left: -50px;
    background-color: #444444;
}
.bloc-mea h1.invert:before {
    background-color: #ffffff;
}

.pad40 {
    padding: 40px;
}
@media (max-width: 767px) {
    .pad40 {
        padding: 20px;
    }
}
.btn-green {
    color: #ffffff;
    background-color: #687f00;
    border-radius: 0;
    font-weight: 300;
    text-shadow: none;
}

.container {
    min-height: 270px;
}
/*HEADER*/

.block-header-menu {
    position: relative;
    z-index: 9999;
}

.logo-header {
    width: 325px;
    /*    background-image:url('../images/bg-logo-header.png');
        background-size: 100% 100%;*/
    z-index: 999;
    /*overflow: hidden;*/
}

.logo-header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 65px);
    background-color: #ffffff;
    z-index: -1;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: skewY(12deg) skewX(-22deg);
    -moz-transform: skewY(12deg) skewX(-22deg);
    -ms-transform: skewY(12deg) skewX(-22deg);
    transform: skewY(12deg) skewX(-22deg);
    -moz-box-shadow: 1px 1px 6px 0 #656565;
    -webkit-box-shadow: 1px 1px 6px 0 #656565;
    -o-box-shadow: 1px 1px 6px 0 #656565;
    box-shadow: 1px 1px 6px 0 #656565;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
@media (min-width: 960px) {
    .logo-header:after {
        transform: skewY(15deg) skewX(-22deg);;
    }
}
@media (min-width: 1440px) {
    .logo-header:after {
        transform: skewY(13deg) skewX(-28deg);
    }
}
.logo-header.big:after {
    height: calc(100% + 90px);
}

.logo-header {
    /*height: auto !important;*/
    /*padding-bottom: 85px;*/
}
.logo-header .logo {
    padding-top: 10px;
    padding-left: 50px;
    padding-right: 70px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.logo-header.big .logo {
    padding-right: 70px;
}

#sticky-logo .logo-header {
    width: 215px;
    /*padding-bottom: 65px;*/
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
#sticky-logo .logo-header.big {
    width: 250px;
    /*padding-bottom: 85px;*/
}
@media (min-width: 1440px) {
    #sticky-logo .logo-header {
        width: 260px;
        /*padding-bottom: 65px;*/
    }
    #sticky-logo .logo-header.big {
        width: 325px;
        /*padding-bottom: 85px;*/
    }
    .logo-header.big .logo {
        padding-right: 90px;
    }
}

div#sticky-logo {
    z-index: 981;
    position: relative;
}

header {
    position: relative;
    z-index: 5;
}

header:after { 
    top: 100%;
    left: 5%;
    width: 90%;
    height: 30px;
    position: absolute;
    z-index: -1;
    background: url(../images/shadow-line.png) no-repeat;
    background-size: contain;
    transform: rotate(180deg);
    background-position: bottom center;    
}
header.no-shadow:after {
    display: none;
}
header.force-no-shadow:after {
    display: none;
}
header .top {
    z-index: 99;
    position: relative;
    border-top: 10px solid #a0be1b;
}

header .top a {
    color: #ffffff;
    display: inline-block;
    height: 35px;
    padding: 0 25px;
    background: #a0be1b;
    position: relative;
    line-height: 35px;
}

header .top a:before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 35px 0;
    border-color: transparent #a0be1b transparent transparent;
    line-height: 0px;
    _border-color: #000000 #a0be1b #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');  
}
header .top a:after {
    content: "";
    position: absolute;
    top: 0;
    right: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 20px 0 0;
    border-color: #a0be1b transparent transparent transparent;
    line-height: 0px;
    _border-color: #a0be1b #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');  
}

#others-sites {
    display: none;
    padding: 0;
    position: relative;
    z-index: 1001;
}
#others-sites > div {
    padding-top: 20px;
    padding-bottom: 20px;
}
header .middle {
    z-index: 100;
    background-color: #b3cb49;
    background-image: url('../images/bg-header-feuilles.png');
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -35px;
    height: 70px;
}

header .middle > div> div {
    z-index: 100;
}

header .bottom {
    background-color: #ffffff;
}

header .bottom .uk-navbar {
    background-color: #ffffff;
    border: none;
    height: 70px;
}

header .bottom .uk-navbar .menu-1 > li > a {
    /*position: relative;*/
    font-weight: 500;
    color: #000000;
    font-size: 15px;
    line-height: 1em;
    padding-right: 35px;
    margin-right: 35px;
    border: none;

}

header .bottom .uk-navbar .menu-1 > .uk-parent > a:after {
    content: "/";
    color: #a0be1b;
    font-weight: 200;
    position: absolute;
    right: 0;
    top: 0;
}

header .bottom .menu-1 > li,
header .bottom .menu-2 > li{
    padding: 15px 0;
}

header .bottom .menu-2.uk-navbar-nav > li > a,
header .bottom .menu-2.uk-navbar-nav > li > a:hover {
    border: none;
}

header .bottom .menu-2.uk-navbar-nav > li > a {
    margin: 0 15px;
}

header .bottom .menu-2.uk-navbar-nav > li > a.lien-orange {
    position: relative;
    color: #ff9c00;
    font-family: 'roboto_cr', sans-serif;
    font-size: 14px;
    line-height: 1em;
    font-weight: normal;
    padding-left: 50px;
}

a.user-space:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 40px;
    height: 28px;
    background-image: url('../images/picto-user-space.png')
}

header .bottom .menu-2.uk-navbar-nav > li > a.link-button {
    font-family: 'roboto_cr', sans-serif;
    background-color: #f9f9f9;
    color: #858585;
    text-transform: uppercase;
    font-weight: 200;
    -moz-box-shadow: 1px 1px 5px 0px #e1e1e1;
    -webkit-box-shadow: 1px 1px 5px 0px #e1e1e1;
    -o-box-shadow: 1px 1px 5px 0px #e1e1e1;
    box-shadow: 1px 1px 5px 0px #e1e1e1;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#e1e1e1, Direction=134, Strength=5);
}

html:not(.uk-touch) header .bottom .menu-2.uk-navbar-nav > li > a.lien-gris.hvr-fade:hover, 
html:not(.uk-touch) header .bottom .menu-2.uk-navbar-nav > li > a.lien-gris.hvr-fade:focus, 
html:not(.uk-touch) header .bottom .menu-2.uk-navbar-nav > li > a.lien-gris.hvr-fade:active {
    background-color: #ececec;
}

header .navbar-principale {
    padding-left: 325px;
    height: 70px;
}

html:not(.uk-touch) header .uk-navbar-nav > li:hover > a, 
html:not(.uk-touch) header .uk-navbar-nav > li > a:focus, 
html:not(.uk-touch) header .uk-navbar-nav > li.uk-open > a {
    background: none;
    border: none;
}

.uk-open .hvr-icon-hang:before, 
html:not(.uk-touch) .hvr-icon-hang:hover:before {
    content: "\f13a";
}
.hvr-icon-hang:before {
    content: "\f107";
    left: -1em;
    color: #a0be1b;
    font-weight: 200;
}

.uk-modal {
    background: rgba(0, 0, 0, 0.8);
}

.search-link,
.search-link .uk-search-field{
    height: 70px;
    line-height: 65px;    
}

.search-link .uk-search-field:focus, .search-link .uk-search.uk-active .uk-search-field {
    width: 350px;
}
.search-link .uk-search-field {
    color: #ffffff;
    width: 250px;
}

.uk-search-field {
    color: #ffffff;
    font-style: italic;
    font-size: 20px;
    line-height: 1em;
}

.search-link .uk-search-field::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ffffff;
    opacity:  0.5;
}
.search-link .uk-search-field:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ffffff;
    opacity:  0.5;
}
.search-link .uk-search-field::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ffffff;
    opacity:  0.5;
}
.search-link .uk-search-field:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #ffffff;
    opacity:  0.5;
}
.search-link .uk-search-field::-ms-input-placeholder { /* Microsoft Edge */
    color:    #ffffff;
    opacity:  0.5;
}

.search-mobile .uk-search {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
}
.search-mobile .uk-search .uk-search-field {
    width: 100%;
    color: #a0be1b;
    font-size: 17px;
    line-height: 1em;
}
.search-mobile .uk-search .uk-search-field::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #a0be1b;
}
.search-mobile .uk-search .uk-search-field:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #a0be1b;
    opacity:  1;
}
.search-mobile .uk-search .uk-search-field::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #a0be1b;
    opacity:  1;
}
.search-mobile .uk-search .uk-search-field:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #a0be1b;
}
.search-mobile .uk-search .uk-search-field::-ms-input-placeholder { /* Microsoft Edge */
    color: #a0be1b;
}

.search-link .uk-search:before {
    padding-right: 0;
    margin-right: 0;
    line-height: 25px;
    height: 25px;
    margin-top: 25px;
    color: rgba(255,255,255, 0.5);
    position: relative;
    vertical-align: middle;
    font-size: 36px;
    line-height: 1em;
}
.search-link .uk-search-field {
    padding: 0 10px;
    width: calc(100% - 40px) !important;
    outline: none;
    font-size: 22px;
}
@media (min-width: 768px) {
    .search-link .uk-search-field {
        font-size: 25px;
    }
}
@media (min-width: 960px) {
    .search-link .uk-search-field {
        font-size: 36px;
    }
}
/*
#search-container {
    top: 100%;
    left: 0;
    width: 100%;
    min-height: 500px;
    padding: 50px 0 50px;
    background-color: #ffffff;
    box-sizing: border-box;
    z-index: 980;
    display: none;
}
#search-container > div {
    padding-top: 20px;
    padding-bottom: 20px;
}

#search-container ul {
    padding-left: 0;
    margin: 0;
}

#search-container .uk-close {
    margin-right: 15px;
}
*/

#search-container p.title {
    font-size: 20px;
    line-height: 1em;
    color: #a0be1b;
    text-transform: uppercase;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 15px;
    padding-bottom: 15px;   
}

#search-container li {
    list-style-type: none;
}

#search-container li a {
    color: #000000;
}

.suggest-search li,
#search-container .results li {
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
    min-height: 85px;
}

#search-container .results li a img {
    float: right;
    width: 100px;
}

#search-container .results li p {
    padding-right: 115px;
    margin: 0;
    font-weight: 300;
    line-height: 1.3em;
}

#search-container .bottom {
    margin-top: 30px;
}

#search-container .bottom .uk-button {
    margin-bottom: 10px;
}

/*SLIDESHOW*/

.slideshow-home {
    max-height: 645px;
    overflow: hidden;
}

.biais-slideshow,
.biais-slideshow img {
    width: 100%;
}

.slideshow-home .descriptif {
    font-size: 18px;
    line-height: 20px;
    font-weight: 200;
    margin-top: 15px;
}
.slideshow-home .descriptif p {
    margin: 0;
}
.slideshow-number {
    position: absolute;
    right: 0;
    top: 0;
}

.slideshow-home .uk-slideshow:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    /*    -webkit-transform-origin: 0 100%;
        -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: skewX(-88deg);
        -moz-transform: skewX(-88deg);
        -ms-transform: skewX(-88deg);
        transform: skewX(-88deg);
        background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 98%,rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 98%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 98%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );*/
    background: url(../images/biais-slideshow.png);
    background-size: 100% 100%;
    width: 100%;
    height: 11%;
}

/*PARTAGE*/

.partage ul {
    padding: 0;
    z-index: 2;
    margin-top: 5px;
    position: relative;
    z-index: 2;
}
.partage ul > li {
    list-style-type: none;
    display: inline-block;
}

.partage ul > li > a {
    border: none;
    -moz-box-shadow: 2px 2px 5px 0px #656565;
    -webkit-box-shadow: 2px 2px 5px 0px #656565;
    -o-box-shadow: 2px 2px 5px 0px #656565;
    box-shadow: 2px 2px 5px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
}
.partage ul > li > a:active {
    -moz-box-shadow: inset 2px 2px 5px 0px #656565;
    -webkit-box-shadow: inset 2px 2px 5px 0px #656565;
    -o-box-shadow: inset 2px 2px 5px 0px #656565;
    box-shadow: inset 2px 2px 5px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
    border: none;
}
.partage ul > li > a.favoris.active {
    -moz-box-shadow: inset 2px 2px 5px 0px #656565;
    -webkit-box-shadow: inset 2px 2px 5px 0px #656565;
    -o-box-shadow: inset 2px 2px 5px 0px #656565;
    box-shadow: inset 2px 2px 5px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
    background-color: #ffcc33;
    border: none;
}

.partage .uk-icon-button {
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #464646;
    font-size: 18px;
    margin-right: 10px;
}

/*SECTION ACTUS*/ 

.mea-actu h1.titre-1 {
    font-family: 'montserratregular';
    text-transform: uppercase;
    color: #000000;
    font-size: 0.9em;
    line-height: 1em;
    margin: 10px 0;
    line-height: 1.2em;
}
.mea-actu h2.titre-2 {
    font-family: 'montserratregular';
    text-transform: uppercase;
    color: #000000;
    font-size: 12px;
    line-height: 1em;
}

.mea-actu h2.titre-2:before {
    width: 20px;
    height: 5px;
    position: absolute;
    left: -25px;
    top: calc(50% - 2.5px);
    margin-top: 0;
}

.mea-actu h2.titre-2:before {
    background-color: #000000;
}
.c-1 .mea-actu h2.titre-2:before {
    background-color: #3fa7f7;
}
.mea-actu h2.titre-2:before {
    background-color: #f73f77;
}

.mea-actu .uk-panel-box {
    padding: 0;
}

.mea-actu .uk-panel-box {
    background-color: #fbfbfb;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

html:not(.uk-touch) .mea-actu .uk-panel-box:hover {
    background-color: #ffffff;
    -moz-box-shadow: 1px 1px 5px 0px #656565;
    -webkit-box-shadow: 1px 1px 5px 0px #656565;
    -o-box-shadow: 1px 1px 5px 0px #656565;
    box-shadow: 1px 1px 5px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
    border: 1px solid #999;
}

.mea-actu .uk-panel-box > article > a > .uk-article,
.mea-actu .uk-panel-box > article > .partage {
    padding: 25px;
}

.mea-actu .uk-panel-box > article > a >img {
    width: 100%;
}

.mea-actu .descriptif {
    color: #525252;
    line-height: 1.3em;
    font-size: 0.85em;
}

.list-mode .mea-actu {
    margin-bottom: 30px;
}

.list-mode .mea-actu h1.titre-1 {
    line-height: 1.2em;
    height: 80px;
}

.list-mode .mea-actu .uk-panel-box > article > .partage {
    padding-top: 0;
    padding-bottom: 5px;
}

.list-mode .mea-actu h2.titre-2 {
    line-height: 1.2em;
    height: 30px;
}

.list-mode .mea-actu h2.titre-2:before {
    top: 5px;
}

.list-mode .mea-actu .uk-panel-box > article > a > .uk-article {
    padding-bottom: 0;
}
/*FIN SECTION ACTUS*/ 

/*BLOC LIBRE*/ 

.bloc-libre h2.titre-2 {
    font-family: 'montserratlight';
    font-size: 20px;
    line-height: 1em;
    color: #000000;
    font-weight: 200;
}

.bloc-libre h2.titre-2 span {
    font-family: 'montserratregular';
    text-transform: uppercase;
    color: #3fa7f7;
    font-size: 18px;
    line-height: 1em;
}

.bloc-libre h2.titre-2:before {
    content: none;
}

.bloc-libre .uk-panel-box {
    background-color: #e3e3e3;
    background-position: -15px -15px;
    background-repeat: no-repeat;
    border: none;
    border-radius: 0;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

html:not(.uk-touch) .bloc-libre .uk-panel-box:hover {
    background-color: #ffffff;
    -moz-box-shadow: 1px 1px 5px 0px #656565;
    -webkit-box-shadow: 1px 1px 5px 0px #656565;
    -o-box-shadow: 1px 1px 5px 0px #656565;
    box-shadow: 1px 1px 5px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
}

html:not(.uk-touch) .bloc-libre .uk-panel-box:hover .btn-plus-round {
    background: #ffffff;
}

.bloc-libre .uk-panel-box > article > a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 55px 15px 25px;
}
@media (min-width: 768px) {
    .bloc-libre .uk-panel-box > article > a {
        padding: 15px 55px 15px 65px;
    }
}
.bloc-libre .bl-picto-bg-1 {
    background-image: url('../images/bloc-libre-picto-bg-1.png');
}

.bloc-libre .btn-plus-round {
    right: 15px;
    top: calc(50% - 17.5px);
    background: #e3e3e3;
    color: #3fa7f7;
    border: 1px solid #3fa7f7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/*FIN BLOC LIBRE*/

/*CALENDRIER*/

/*body:not(.node-type-content-liste-agenda) #ui-datepicker-div {
    display: none !important;
}*/
.module.home-calendar {
    margin-bottom: 100px !important;
    margin-top: 50px !important;
}
.home-calendar {
    min-height: 635px;
}

.home-calendar .bloc-1 {
    z-index: 11;
    width: 70%;
    height: 365px;
    background-color: #f73f77;
    left: 0;
    top: -20px;
}

.home-calendar .bloc-2 a {
    color: #f73f77;
}
.home-calendar .bloc-2 {
    z-index: 12;
    width: 100%;
    background-color: #f6f6f6;
    right: -20px;
    top: 265px;
    padding: 130px 40px 40px 40px;
    box-sizing: border-box;
    -moz-box-shadow: 1px 1px 5px 0px #656565;
    -webkit-box-shadow: 1px 1px 5px 0px #656565;
    -o-box-shadow: 1px 1px 5px 0px #656565;
    box-shadow: 1px 1px 5px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
}

.home-calendar .uk-button, .home-calendar .uk-button .uk-icon-plus:before {
    content: "\f067";
    color: #989898;
    right: 15px;
    position: absolute;
    top: 15%;
    border-radius: 100%;
    border: 1px solid #989898;
    padding: 5px 6px;
    font-size: 12px;
    line-height: 1em;
}

.uk-form select:focus, .uk-form textarea:focus, .uk-form input:not([type]):focus, .uk-form input[type="text"]:focus, .uk-form input[type="password"]:focus, .uk-form input[type="datetime"]:focus, .uk-form input[type="datetime-local"]:focus, .uk-form input[type="date"]:focus, .uk-form input[type="month"]:focus, .uk-form input[type="time"]:focus, .uk-form input[type="week"]:focus, .uk-form input[type="number"]:focus, .uk-form input[type="email"]:focus, .uk-form input[type="url"]:focus, .uk-form input[type="search"]:focus, .uk-form input[type="tel"]:focus, .uk-form input[type="color"]:focus {
    border-color: #333333;
    /*outline: 0;*/
    background: #ffffff;
    color: #000000;
    font-size: 12px;
    line-height: 1em;
    font-family: 'roboto_cr', sans-serif;
}

.home-calendar .uk-button {
    position: relative;
    width: calc(100% + 25px);
    background-color: #ffffff;
    border: none;
    border-radius: 0;
    padding: 5px 10px;
    text-align: left;
}

.home-calendar .bloc-2 .filtre {
    margin-bottom: 25px;
}

.home-calendar .bloc-2 h2.titre-2 {
    font-size: 20px;
    line-height: 1em;
}

.home-calendar .bloc-2 h2.titre-2:before {
    background-color: #f73f77;
}

.home-calendar .bloc-3 {
    z-index: 13;
    width: 100%;
    height: 325px;
    background-image: url('../images/calendar-bg.jpg');
    background-size: cover;
    left: 50px;
    top: 50px;
}
.home-calendar .bloc-4 {
    z-index: 14;
    width: 95%;
    background-color: #ffffff;
    left: 5px;
    top: 0;
    padding: 5px 15px;
    box-sizing: border-box;
}
@media (min-width: 600px) {
    .home-calendar .bloc-4 {
        width: 70%;
        left: 100px;
        padding: 15px 25px;
    }
}
.home-calendar .ui-datepicker th {
    padding: 0;
}
.home-calendar  > div > div >  .right .uk-slideshow {
    padding-bottom: 30px;
}

.home-calendar  > div > div >  .right {
    z-index: 10;
    background-color: #ffffff;
    padding: 25px 25px 25px 85px;
    -moz-box-shadow: 1px 1px 5px 0px #656565;
    -webkit-box-shadow: 1px 1px 5px 0px #656565;
    -o-box-shadow: 1px 1px 5px 0px #656565;
    box-shadow: 1px 1px 5px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
}

.home-calendar > div > div > .right .item-agenda {
    padding: 25px 0;
}

.home-calendar  > div > div > .right .item-agenda h1.titre-1 {
    font-family: 'roboto_cb';
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.home-calendar > div > div > .right .item-agenda .right {
    padding-left: 20px;
    box-sizing: border-box;
    text-align: left;
}

.home-calendar .uk-dotnav-contrast > .uk-active > * {
    background: rgb(247, 63, 119);
}

.home-calendar .uk-dotnav-contrast > * > * {
    background: rgba(193, 193, 193, 0.4);
}

.home-calendar > div > div > .right .item-agenda .right .type a.event {
    color: #f73f77;
}
.home-calendar > div > div > .right .item-agenda .right .type a.lieu {
    color: #000000;
    text-decoration: underline;
}

.home-calendar > div > div > .right .item-agenda .right .type {
    font-family: 'roboto_cr';
    margin: 0;
    font-size: 18px;
    line-height: 1em;
    color: #000000;
    margin-bottom: 5px;
}
.home-calendar > div > div > .right .item-agenda .right .date {
    font-style: italic;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1em;
    color: #8d8d8d;
}

.home-calendar table.ui-datepicker-calendar {
    width: 100%;
}
.home-calendar table.ui-datepicker-calendar a {
    font-size: 16px;
    padding: 8px 8px;
    display: inline-block;
    color: #000000;
    margin: 0 4px;
    cursor: hand !important;
    border: none;
    background: none;
    line-height: 1.2em;
}
.home-calendar table.ui-datepicker-calendar .ui-state-disabled span {
    font-size: 16px;
    line-height: 1.2em;
    padding: 6px 6px;
    display: inline-block;
    color: #777777;
    margin: 4px 0px;
    border: none;
    background: none;
}
@media (min-width: 600px) {
    .home-calendar table.ui-datepicker-calendar a {
        padding: 6px 6px;
        display: inline-block;
        margin: 4px;
        font-size: 19px;
        line-height: 1.2em;
    }
}
.home-calendar table.ui-datepicker-calendar a:not([href]) {
    cursor: hand !important;
}

.home-calendar .datepicker {
    text-align: center;
}
.home-calendar .ui-datepicker {
    width: 100% !important;
}
.home-calendar .bloc-4 .ui-datepicker-title {
    font-size: 20px;
    line-height: 1.2em;
    padding-bottom: 0.5em;
}
@media (min-width: 450px) {
    .home-calendar .bloc-4 .ui-datepicker-title {
        font-size: 24px;
        line-height: 1.2em;
        padding-bottom: 0.5em;
    }
}

.ui-datepicker-header {
    position: relative;
    background: none;
    border: none;
    padding: 0 !important;
    font-weight: normal;
    border: 1px solid #666666;
    border-bottom: 0;
    background: #eeeeee;
}

table.ui-datepicker-calendar {
    border: 1px solid #666666;
    border-top: 0;
    background: #eeeeee;
}
.home-calendar .ui-datepicker-header,
.home-calendar table.ui-datepicker-calendar {
    border: 0;
    background: none;

}
/*.home-calendar table.ui-datepicker-calendar td.ui-datepicker-today a {
    color: #f73f77;
}*/
.home-calendar table.ui-datepicker-calendar a.ui-state-active {
    color: #f73f77;
    background-image: url('../images/active-event-calendar.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.ui-icon-circle-triangle-e,
.ui-icon-circle-triangle-w {
    position: absolute;
    font-size: 25px;
    color: #000000;
    font-family: FontAwesome;
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none !important;
    text-indent: unset;
    width: auto;
    height: auto;    
}

.ui-icon-circle-triangle-e {
    right: 0;
}
.ui-icon-circle-triangle-w {
    left: 0;
}

.ui-icon-circle-triangle-e:before {
    content: "\f0da";
}
.ui-icon-circle-triangle-w:before {
    content: "\f0d9";
}
.home-calendar table.ui-datepicker-calendar .ui-datepicker-today a, .home-calendar table.ui-datepicker-calendar .ui-datepicker-today span {
    background-color: #efefef;
    color: #666666;
    border-radius: 50%;
}
/*FIN CALENDRIER*/

/*MAP*/
.CD21 .map {
    height: 575px;
    width: calc(100% - 290px);
    margin-left: 290px;
}
.CD21.small .map {
    height: 475px;
}
.CD21.big .map {
    height: 675px;
}
.CD21.small .map-switcher > li {
    height: 475px;

}
.CD21.big .map-switcher > li {
    height: 675px;

}
.mp18 .map {
    height: 575px;
    width: 100%;
}

.CD21.SIR .map {
    height: 670px;
    width: calc(100% - 290px);
    margin-left: 290px;
}

.CD21 .map-container {
    overflow: hidden;
}

@media (min-width: 1024px) {
    /*    .CD21 .map:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 6em;
            background-color: #ffffff;
            z-index: 99;
            -webkit-transform-origin: 0 100%;
            -moz-transform-origin: 0 100%;
            -ms-transform-origin: 0 100%;
            transform-origin: 100% 0;
            -webkit-transform: skewX(88deg);
            -moz-transform: skewX(88deg);
            -ms-transform: skewX(88deg);
            transform: skewX(88deg);
        }*/
}
.container-map-switcher {
    z-index: 98;
    top: 0;
    left: 0;
}
.map-container .filtre {
    position: relative;
    background-color: #dedede;
    height: 52px;
    background-repeat: no-repeat;
    background-position: center 10px;
    list-style-type: none;
    padding: 0;
    width: 60px;
    padding: 10px 0;
}

.map-container .filtre.uk-active {
    background-color: #a0be1b;
    width: 75px;
    padding: 0;
    z-index: 3;
}

.map-container .filtre:before {
    content: "";
    position: absolute;
    top: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 0 60px;;
    border-color: transparent transparent transparent #dedede;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #dedede;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.map-container .filtre:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 25px 0;
    border-color: transparent #dedede transparent transparent;    
    line-height: 0px;
    _border-color: #000000 #a0be1b #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.map-container .filtre.uk-active:before {
    content: "";
    position: absolute;
    top: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 0 75px;
    border-color: transparent transparent transparent #a0be1b;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #a0be1b;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    z-index: 2;
}

.map-container .filtre.uk-active:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 75px 25px 0;
    border-color: transparent #a0be1b transparent transparent;    
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #a0be1b;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    z-index: 2;
}

.map-container .filtre-outil.uk-active {
    background-position: center;
}

/*.map-container .filtre-outil.uk-active:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 75px 25px 0;
    border-color: transparent #a0be1b transparent transparent;
    line-height: 0px;
    _border-color: #000000 #a0be1b #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

}

.map-container .filtre-map.uk-active:after {
    content: "";
    position: absolute;
    bottom: -25px;
    z-index: 99;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 75px 25px 0;
    border-color: transparent #a0be1b transparent transparent;
    line-height: 0px;
    _border-color: #000000 #a0be1b #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

}
.map-container .filtre-outil.uk-active:after{
    content: "";
    position: absolute;
    top: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 0 75px;
    border-color: transparent transparent transparent #a0be1b;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #a0be1b;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

}*/
/*
.map-container .filtre-map:before {
    content: "";
    position: absolute;
    top: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 0 60px;
    border-color: transparent transparent transparent #dedede;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #dedede;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}*/

.map-container .filtre-outil:before {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 25px 0;
    border-color: transparent #dedede transparent transparent;
    line-height: 0px;
    _border-color: #000000 #dedede #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

ul.btn-switcher {
    position: absolute;
    left: 100%;
    top: 40px;
    padding: 0;
    margin: 0;
}

.map-container .filtre-map {
    background-image: url('../images/picto-outils.png'); 
}
.map-container .filtre-outil {
    background-image: url('../images/picto-map.png');
    background-position: center 20px;
}

.map-switcher > li {
    padding: 40px;
    width: 280px;
    box-sizing: border-box;
    height: 575px;
    overflow: auto;
}
.CD21.small .map-switcher > li {
    height: 475px;
}
.CD21.big .map-switcher > li {
    height: 675px;
}

.close-switcher {
    top: 40px;
    right: 40px;
}

.map-container h2.titre-2 {
    font-family: 'roboto_cr', sans-serif;
    font-size: 20px;
    line-height: 1em;
    text-transform: uppercase;
    padding: 0 !important;    
}
.map-container h3.titre-3 {
    font-family: 'roboto_cr', sans-serif;
    font-size: 18px;
    line-height: 1em;
    text-shadow: none;
    text-transform: initial;
    margin-bottom: 25px;
}
.map-container h3.titre-3.margin-bottom {
    margin-bottom: 15px;
}

.map-container h2.titre-2:before {
    background-color: #a0be1b;
}
.map-container .map-switcher {
    border-right: 10px solid #a0be1b;
    height: 575px;
    background-color: #f5f5f5;
    width: 280px;
}
.CD21.small .map-container .map-switcher {
    height: 475px;
}
.CD21.big .map-container .map-switcher {
    height: 675px;
}
.SIR .map-container .map-switcher {
    height: 670px;
}
.map-container .map-switcher > li > ul {
    padding: 0;
    margin: 0;
}

.map-container .map-switcher > li > ul > li {
    list-style-type: none;
}
.map-container .map-switcher > li > ul > li a {
    color: #000000;
    font-size: 16px;
    line-height: 1em;
    padding: 10px 0 10px 35px;
    display: block;
}

.map-container .map-switcher ul.map-outils > li a {
    opacity: 0.7;
}
.map-container .map-switcher ul.map-outils > li.active a,
html:not(.uk-touch) .map-container .map-switcher ul.map-outils > li a:hover {
    opacity: 1;
}

.map-container .map-switcher li.picto-annoter .picto {
    background-image: url('../images/picto-annoter.png');
    background-position: left center;
    background-repeat: no-repeat;
}
.map-container .map-switcher li.picto-itineraire .picto {
    background-image: url('../images/picto-itineraire.png');
    background-position: left center;
    background-repeat: no-repeat;
}
.map-container .map-switcher li.signal-incident .picto {
    background-image: url('../images/picto-incident.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.map-container input[type="text"],
.map-container textarea {
    border: none;
    border-radius: 0;
    font-size: 12px;
    line-height: 1em;
    font-family: 'roboto_cr', sans-serif;
}

.map-container .btn-file {
    font-size: 12px;
    line-height: 1em;
    font-family: 'roboto_cr', sans-serif;
}
.map-container .btn-send {
    background-color: #a0be1b;
    border-radius: 0;
    border: none;
    color: #ffffff;
    text-shadow: none;
    margin-top: 30px;
}

.map-filters-form input[type=checkbox] {
    margin-right: 5px;
}
.map-filters-form label {
    cursor: pointer;
    display: block;
}
button.btn-route-mode {
    padding: 5px 0;
    width: 40px;
    border-radius: 4px;
    border: 1px solid #e1e1e1;
    background-color: #f5f5f5;
}
button.btn-route-mode.active {
    padding: 10px 0;
    color: #ffffff;
    background-color: #a0be1b;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
}
@media (max-width: 767px) {
    .container-map-switcher {
        position: relative !important
    }
    .CD21 .map, .CD21.SIR .map {
        width: 100%;
        margin-left: 0;
    }
    .CD21 .uk-tab > li.uk-active > a {
        display: none;
    }
    .CD21 .uk-dropdown {
        display: block;
    }
    .CD21 .map-switcher {
        width: 100% !important;
        /*display: flex;*/
    }
    .CD21 .uk-row-first {
        width: 100%;
    }
    .CD21 .map-switcher > li {
        width: 100%;
        display: block !important;
    }
    .CD21 .map-container .map-switcher {
        height: auto !important;
    }
}
@media (max-width: 479px) {
    .CD21 .map-switcher {
        display: block;
    }
    .CD21 .map-switcher > li {
        width: 100%;
    }
}

/*FIN MAP*/

/*ABONNEMENT*/

.abonnement {
    background-size: cover;
    overflow: hidden;
}

.abonnement h2.titre-2:before {
    content: none;
}

.abonnement form.newsletter input[type="email"],
.abonnement form.newsletter input[type="text"],
.abonnement form.newsletter .uk-form-select {
    width: 100%;
    color: #fff;
    font-family: 'roboto_cr', sans-serif;
    font-size: 13px;
    line-height: 1em;
    color: #888888;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid transparent;
    box-sizing: border-box;
}

.abonnement form.newsletter .uk-form-select {
    border: 1px solid #cacaca;
    background-color: #e7e7e7;
    font-family: 'roboto_cr', sans-serif;
    line-height: 1em;
    font-size: 13px;
}

.abonnement form.newsletter .uk-form-select span {
    color: #000000;
    line-height: 1em;
    font-size: 12px;
}

.abonnement form.newsletter button[type="submit"] {
    position: absolute;
    color: #fff;
    top: 0;
    right: 0;
    padding: 0;
    background: none;
    border: none;
    /*border: 1px solid #ffcc33;*/
    /*    border-left: 1px solid #ffcc33;
        border-top: none;
        border-bottom: none;
        border-right: none;*/
}

.abonnement form.newsletter i {
    -webkit-transition-duration: 350ms;
    -moz-transition-duration: 350ms;
    -o-transition-duration: 350ms;
    transition-duration: 350ms;
    color: #ffcc33;
    padding: 0 10px;
    font-size: 18px;
    width: 20px;
    height: 38px;
    line-height: 38px;
}
html:not(.uk-touch) .abonnement form.newsletter button:hover i {
    color: #ffffff;
    background-color: #ffcc33;
    font-size: 18px;
    line-height: 1em;
}

.abonnement form.newsletter i.uk-icon-caret-down {
    color: #000000;
    right: 0;
    position: absolute;
    top: 5px;
}

/*FIN ABONNEMENT*/

/*RESEAUX SOCIAUX*/

.rs-bloc {
    background-color: #3fa7f7;
    overflow: hidden;
    padding-bottom: 50px !important;
}
.filtre-rs {
    text-align: right;
    margin-bottom: 10px;
    z-index: 2;
}
@media (max-width: 767px) {
    .rs-bloc .titre-1 {
        margin-bottom: 0;
    }
}
@media (min-width: 768px) {
    .filtre-rs {
        position: absolute;
        top: 0;
        right: 0;
    }
}

.rs-bloc .uk-slidenav-position .uk-slidenav-previous {
    left: auto;
    right: 40px;
}
.rs-bloc .uk-slidenav-position .uk-slidenav-next {
    right: -15px;
}
.rs-bloc li a .content {
    color: #000000;
}
html:not(.uk-touch) .rs-bloc li a:hover {
    text-decoration: none;
}
.rs-bloc li .content {
    background: #fff;
    padding: 10px;
}
/*.rs-bloc li .content .text {
    line-height: 1em;
}*/
.rs-bloc li .content .text {
    line-height: 1.1em;
    font-size: 11px;
}
.rs-bloc li .footer {
    text-align: left;
}
.rs-bloc li .footer {
    color: #ffffff;
    padding: 5px 10px;
    line-height: 1em;
}
.rs-bloc li .footer i {
    padding-right: 5px;
    font-size: 1em;
}
.rs-bloc li .footer .time {
    font-size: 0.75em;
}
.rs-bloc li.facebook .footer {
    background: #3b589c;
}
.rs-bloc li.twitter .footer {
    background: #49c2df;
}


/*FIN RESEAUX SOCIAUX*/

/*FOOTER*/

/*footer {
    background-color: #ffffff;
    padding-top: 65px;
    margin-top: -15px;
}
@media (min-width: 768px) {
    footer {
        margin-top: -25px;
    }
}
footer a:not([href]) {
    cursor: default !important;
}

footer ul {
    padding: 0;
    margin: 0;
}

footer li {
    display: inline-block;
    vertical-align: top;
    list-style-type: none;
}
#footer-1 {
    min-height: 100px;
    background-color: #f9f9f9;
    line-height: 100px;
    border-bottom: 4px double #a0be1b;
}

#footer-2 {
    padding: 25px 0;
    background-color: #e5e5e5;
}

#footer-2 .right div[class^='bloc-'] a, 
#footer-2 .right div[class*='bloc-'] a {
    color: #000000;
    font-weight: 200;
}

#footer-2 .left p {
    font-weight: 200;
    margin-bottom: 15px;
}
@media (max-width: 959px) {
    #footer-2 .left {
        margin-bottom: 20px;
    }
    #footer-2 .left p {
        text-align: center;
    }
}
#footer-2 .left p + p {
    margin: 0;
}

#footer-2 .right div[class^='bloc-'] a i, 
#footer-2 .right div[class*='bloc-'] a i {
    font-size: 35px;
    color: #a0be1b;
    padding-bottom: 20px;
}

#footer-3 {
    padding: 25px 0;
    background-color: #e3edb4;
}

#footer-3 li {
    padding-right: 30px;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

#footer-3 li a {
    display: inline-block;
}

#footer-3 li:first-child {
    text-transform: uppercase;
}

#footer-3 li > a > i {
    font-size: 25px;
    color: #000000;
}

#footer-4 {
    background-color: #b7d530;
}

#footer-4 li {
    padding: 10px 0;
}

#footer-4 ul {
        height: 40px;
        line-height: 40px;
}

#footer-4 li > a {
    color: #5c6920;
    font-size: 12px;
    padding: 0 10px;
    border-left: 1px solid #5c6920;
}

#footer-4 li > p {
    color: #5c6920;
    font-size: 10px;
    margin: 0;
    line-height: 34px;
}

#footer-4 li#artefact a,
#footer-4 li:first-child a{
    border: none;
}

#footer-4 li#artefact a img {
    margin-bottom: -13px;
}

#footer-1 img {
    margin-top: -50px;
}
@media (max-width: 959px) {
    #footer-1 img {
        margin-top: -35px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}
#footer-1 .slogan {
    font-family: 'roboto_cb';
    font-size: 38px;
    color: #839b3c;
}*/

footer {
    background: #292929;
    color: #ffffff;
    font-family: "roboto_cr";
    line-height: 1em;
}
footer .footer-background-color {
    background: #484848;
}
footer a {
    color: #ffffff;
}
html:not(.uk-touch) footer a:hover {
    color: #eaeaea;
}

footer .footer-slogan {
    font-family: 'darkwomanregular';
    font-size: 40px;
    line-height: 1em;
    padding-top: 25px;
}
@media (min-width: 960px) {
    footer .footer-slogan {
        padding-left: 30%;
        font-size: 2.82352941176471em;
        line-height: 1em;
    }
}
@media (min-width: 1220px) {
    footer .footer-slogan {
        font-size: 3.47058823529412em;
        line-height: 1em;
    }
}
footer .footer-logo {
    margin-bottom: 15px;
}
footer .footer-adresse p {
    padding: 0;
    margin: 0;
    line-height: 1.3em;
}
footer .footer-adresse p strong {
    /*    font-family: "roboto_cb";
        font-weight: normal;*/
}
footer .footer-links {
    position: absolute;
    bottom: 25px;
    left: 0;
}
footer .footer-links p,
footer .footer-links a {
    color: #b0bec5;
    font-size: 0.82352941176471em;
    line-height: 1em;
    margin-bottom: 5px;
    display: inline-block;
}
footer .footer-links ul, footer .footer-links ul > li {
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle
}
footer .footer-links ul > li:not(:last-child):after {
    content: "";
    background: #b0bec5;
    display: inline-block;
    width: 1px;
    height: 11px;
    vertical-align: baseline;
    margin: 0 0 0 5px;

}
footer .footer-title {
    font-family: "roboto_cb";
    font-size: 2.11764705882353em;
    line-height: 1.2em;
}
footer .footer-legend {
    font-size: 1.05882352941176em;
    line-height: 1.2em;
}
footer .footer-rs-links {
    list-style: none;
    padding: 0;
    margin: 8px 0 35px;
}
footer .footer-rs-links li {
    padding: 0;
    margin-bottom: 4px;
    display: inline-block;
}
footer .footer-rs-links a.footer-rs-link {
    color: #c5c5c5;
    font-size: 1.52941176470588em;
    display: block;
    width: 42px;
    height: 54px;
    line-height: 54px;
    text-align: center;
}
html:not(.uk-touch) footer .footer-rs-links a.footer-rs-link:hover {
    color: #000000;
}
footer .uk-form-controls.inline-block > * {
    display: inline-block;
    vertical-align: top;
}
footer div.mform {
    border: none;
    margin: 8px 0 25px;
    padding: 0;
    height: 70px;
    line-height: 70px;
    width: 364px;
    max-width: 100%;
}
footer div.mform input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 38px;
}
footer div.mform input[type="text"],
footer div.mform input[type="email"] {
    background: #c5c5c5;
    border: 1px solid #263238 !important;
    color: #37474f !important;
    width: 50%;
    box-shadow: none !important;
    margin: 0 !important;
    outline: none;
    font-size: 1.05882352941176em !important;
    font-family: "roboto_cr" !important;
}
@media (min-width: 1220px) {
    footer div.mform input[type="text"],
    footer div.mform input[type="email"] {
        width: 220px;
    }
}
footer div.mform input[type="submit"] {
    font-family: "roboto_cb" !important;
    font-size: 1.05882352941176em !important;
    background: #303030;
    color: #ffffff;
    height: 38px;
    width: 38px;
    text-align: center;
    border: none;
    line-height: 38px;
    padding: 0;
}
html:not(.uk-touch) footer div.mform input[type="submit"]:hover {
    color: #000000;
    cursor: pointer;
}
footer div.mform label {
    width: 75px;
    text-align: center;
}
footer div.mform label i {
    font-size: 4em;
    line-height: 70px;
    color: #cfd8dc;
}
footer [class^='parsley-'] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #80b9e5;
}
footer .footer-info {
    margin-bottom: 5px;
}
footer .footer-info a {
    display: inline-block;
}
footer .footer-info a span {
    font-size: 1.05882352941176em;
    line-height: 1em;
    vertical-align: middle;
}
footer .footer-info a i {
    font-size: 2.35294117647059em;
    height: 45px;
    width: 45px;
    line-height: 45px;
    vertical-align: middle;
}
html:not(.uk-touch) footer .footer-info a:hover {
    color: #b0bec5;
}
footer .footer-info a[href="#"] {
    cursor: default !important;
    color: inherit !important;
}
@media (max-width: 959px) {
    footer .footer-inner > div:nth-child(2) > div:last-child {
        padding-bottom: 100px;
    }
    footer .footer-inner > div:nth-child(2) > div:first-child .footer-links {
        bottom: 60px;
    }
}
@media (min-width: 960px) {
    footer .footer-inner > div:nth-child(2) > div:last-child {
        -webkit-transform: translateX(33.333333333333333%);
        -moz-transform: translateX(33.333333333333333%);
        -ms-transform: translateX(33.333333333333333%);
        transform: translateX(33.333333333333333%);
    }
    footer .footer-inner .uk-grid > div {
        position: relative;
    }
}
/*FIN FOOTER*/



/**
*
*
*
PAGE INTERNE
*
*
*
**/


/*HEADER*/
.CD29 .uk-icon-spinner {
    position: absolute;
    top: calc(50% + 78px);
    margin-top: -21px;
    left: 50%;
    margin-left: -21px;
}
@media (max-width: 767px) {
    .CD29 {
        margin-top: 108px;
    }
    .CD29 .uk-icon-spinner {
        top: 50%;
    }
    .CD29 > .uk-slideshow [data-slideshow-slide]:after {
        display: none !important;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .CD29 {
        margin-top: 105px;
    }
}

.CD29 {
    /*    background-size: cover;
        background-position: center;
        margin: 0;
        height: 150px;*/
}
.CD29 > .uk-slideshow [data-slideshow-slide]:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url('../images/maske-bdx.png');
    background-repeat: no-repeat;
    background-size: 1512px auto;
    background-position: top right;
}
@media (min-width: 996px) {
    .CD29 {
        /*height: 300px;*/
    }
}
.CD29 .uk-dotnav {
    position: absolute;
    bottom: 0;
    right: 5%;
    max-width: 85%;
}
.CD29 .header-details {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    padding-left: 50%;
    text-align: center;
    padding-bottom: 35px;
    color: #ffffff;
    background-image: url('../images/slider/mask.png');
    background-repeat: repeat-y;
    background-position: right top;
    background-size: 100% 1px;
    z-index: 1;
    font-family: "roboto_cl";
}
.force-no-shadow .CD29 .uk-dotnav {
    bottom: 35px;
}
.force-no-shadow .CD29 .header-details {
    padding-bottom: 45px;
}
@media (min-width: 768px) {
    .CD29 .header-details {
        top: 157px;
        width: 40%;
        padding-left: 60%;
    }
    .CD29 .header-details > div {
        padding-right: 25px;
    }
}
.CD29 .header-details .title {
    font-size: 1rem;
    margin-bottom: 10px;
}
.CD29 .header-details .resume {
    font-size: 1.05882352941176rem;
    margin-bottom: 20px;
    line-height: 1.25em;
}
@media (min-width: 768px) {
    .CD29 .header-details .title {
        font-size: 2.35294117647059rem;
        margin-bottom: 10px;
        line-height: 1em;
    }
}
@media (max-width: 959px) {
    .CD29 .header-details .resume {
        display: none;
    }
}
@media (min-width: 960px) {
    .CD29 .header-details .title,
    .CD29 .header-details .resume {
        text-align: left;
    }
}
.CD29 .header-details .uk-button {
    background: none;
    padding: 2px 10px;
    border: 1px solid #ffffff;
    border-radius: 0;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    font-weight: normal;
    text-shadow: none;
    color: #ffffff;
    min-height: unset;
    line-height: 1.3em;    
}
@media (min-width: 768px) {
    .CD29 .header-details .uk-button {
        padding: 15px 25px;
        font-size: 23px;
    }
}
html:not(.uk-touch) .CD29 .header-details .uk-button:hover {
    border: 1px solid #102e37;
    background: #102e37;
}
.CD29 .uk-dotnav > * {
    padding-left: 10px;
}
.CD29 .uk-dotnav > * > * {
    height: 20px;
    width: 20px;
    background: #102e37;
}
.CD29 .uk-dotnav > .uk-active > * {
    background: #ffffff;
    transform: none;
}


#liste-rubrique {
    background-color: rgba(0, 0, 0, 0.7);
    overflow: hidden;
}

#liste-rubrique >li {
    padding: 15px 0;
}

#liste-rubrique >li ul > li {
    list-style-type: none;
    padding-right: 0;
}
#liste-rubrique >li ul > li:not(:first-child) {
    padding-left: 25px;
}

#liste-rubrique >li:nth-child(3) {
    text-align: left;
    padding-right: 70px;
    padding-left: 15px;
    position: relative;
}

#liste-rubrique >li:nth-child(3) ul.uk-slider {
    white-space: nowrap;
}

#liste-rubrique >li:nth-child(1) {
    color: #a0be1b;
    text-transform: uppercase;
    background-image: url('../images/bg-rubrique-1.png');
    background-position: left top;
    background-size: 100% 100%;
}
#liste-rubrique >li:nth-child(2) {
    color: #ffffff;
    font-style: italic;
    background-image: url('../images/bg-rubrique-2.png');
    background-position: left top;
    background-size: 100% 100%;
    margin-left: -1.7%;
}
#liste-rubrique >li:nth-child(3) a {
    color: #ffffff;
    font-weight: 200;
}

#liste-rubrique >li:nth-child(3) a.uk-slidenav {
    position: absolute;
    font-size: 18px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 100%;
    border: 1px solid #ffffff;
    text-align: center;
}
#rubriquage a.uk-slidenav {
    display: none;
}
#liste-rubrique >li:nth-child(3) a.uk-slidenav-previous {
    top: 25%;
    right: 30px;

}
#liste-rubrique >li:nth-child(3) a.uk-slidenav-next {
    top: 25%;
    right: 0;
    padding-left: 3px;
}
#breadcrumb {
    padding-top: 30px;
}
@media (max-width: 959px) {
    .breadcrumb {
        display: none;
    }
}
.breadcrumb {
    padding: 0;
    list-style: none;
}
.breadcrumb > li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.breadcrumb > li a {
    height: 33px;
    line-height: 33px;
    font-family: "roboto_cr";
    font-size: 0.94117647058824em;
    display: inline-block;
    color: #5a5a5a;
    position: relative;
}
.breadcrumb > li > a {
    background: #f6f6f6;
    padding: 0 10px 0 27px;
    border-style: solid;
    border-right-width: 0;
    border-left-width: 0;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: #dcdcdc;
}
.breadcrumb > li:first-child > a {
    padding: 0 5px 0 15px;
    border-left-width: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.breadcrumb > li > a:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: -16px;
    width: 33px;
    height: 33px;
    transform: scale(0.707) rotate(45deg);
    background: #f6f6f6;
    box-shadow: 1px -1px 0 0 #dcdcdc, 1px -1px 0 0 #dcdcdc;
    border-radius: 0 10px 0 50px;
    vertical-align: top;
    z-index: 1;
}
.breadcrumb > li:last-child > a:after {
    background: #8d8d8d;
}
.breadcrumb > li.uk-active > a {
    color: #ffffff;
    background: #8d8d8d;
}
.breadcrumb > li.uk-active > a span.title {
    position: absolute;
}
.breadcrumb > li.uk-active > a span.uk-invisible {
    padding-right: 15px;
}
.breadcrumb > li:last-child ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    list-style: none;
    padding: 0;
    width: 100%;
    display: none;
    box-shadow: 0 2px 5px #000000;
}
.breadcrumb > li:last-child ul li {
    border-bottom: 1px solid #ffffff;
}
.breadcrumb > li:last-child ul li a {
    background: #eeeeee;
    padding: 0 10px 0 27px;
    color: #5a5a5a;
    display: block;
}
html:not(.uk-touch) .breadcrumb > li:last-child ul li a:hover {
    background: #8d8d8d;
    color: #ffffff;
}
.breadcrumb > li.uk-active > a i {
    padding-left: 5px;
    font-size: 10px;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 3px;
}
/*FIN HEADER*/

/*CONTENU PAGE*/

#contenu-page {
    /*background: transparent url(../images/fond-interieur.gif) repeat;*/
}

/*#contenu-page .uk-inner{
    background: white;
}*/

#contenu-page div.header h1.titre-1 {
    font-family: 'roboto_cb';
    font-size: 2.11764705882353em;
    line-height: 1.1em;
    padding: 0;
}

/*NODE*/

.MP03 {
    overflow: hidden;
    max-width: 100%;
}
.module > .MP03 > img {
    padding: 0 10px;
    margin: 0 auto;
    display: block;
}

.MP04 li img {
    /*max-height: 400px;*/
    overflow: hidden;
}
.MP04 li iframe,
.MP04 li video {
    pointer-events: initial !important;
}

a.uk-slidenav {
    color: #444444;
    border-radius: 100%;
    border: 1px solid #444444;
    background: #ffffff;
    width: 50px;
    height: 52px;
    line-height: 52px;
    font-size: 30px;
}

html:not(.uk-touch) a.uk-slidenav:hover {
    color: #000000;
    background: #ffffff;
    border: 1px solid #000000;
}

.btn-mea {
    font-size: 25px;
    padding: 5px 30px 5px 45px;
    font-family: 'roboto_cb';
    position: relative;
    color: #ffffff;
    text-shadow: none;
    background-color: #687f00;
    -moz-transition: all 150ms ease-in;
    -webkit-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    border: 1px solid #627120;
    -moz-box-shadow: 1px 1px 3px 0px #656565;
    -webkit-box-shadow: 1px 1px 3px 0px #656565;
    -o-box-shadow: 1px 1px 3px 0px #656565;
    box-shadow: 1px 1px 3px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=3);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

html:not(.uk-touch).MP06 .btn-mea:hover {
    background-color: #627120;
}

.MP06 .btn-mea:before {
    content: ">";
    position: absolute;
    left: 15px;
    top: 8px;
    width: 30px;
}

.MP07 img {
    max-height: 400px;
}

.MP07 p {
    margin: 0;
}

.MP07 p i {
    font-size: 25px;
}

.MP08 {
    color: #ffffff;
    background-color: #a0be1b;
    padding: 90px 40px;
    background-image: url('../images/bg-halo-citation.png');
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.MP08:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1512px 35px 0;
    border-color: transparent #ffffff transparent transparent;
    line-height: 0px;
    _border-color: #000000 #ffffff #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.MP08:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 35px 1512px;
    border-color: transparent transparent #ffffff transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #ffffff #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.MP08 blockquote {
    position: relative;
    /*font-family: 'darkwomanregular';*/
    padding-left: 0;
    border-left: 0;
}

.MP08 blockquote:before {
    content: "\f10d";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 100px;
    color: rgba(255, 255, 255, 0.13);
}

.MP08 blockquote:after {
    content: "\f10d";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 100px;
    color: rgba(255, 255, 255, 0.13);
}

.MP08 blockquote small {
    font-size: 20px;
}

.MP08 blockquote p {
    /*font-family: 'darkwomanregular';*/
    font-size: 1.75em;
    line-height: 1.5em;
}

.MP10 iframe,
.MP10 .youtube_player,
.MP10 video {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: none;
    background-color: #000000;
}

.MP10 .uk-overlay-panel {
    cursor: pointer;
}
.MP10 .uk-overlay-icon:before {
    content: "\f16a";
    color: #a0bf1c;
    font-size: 70px;
    text-shadow: 2px 2px #47661C;
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px;
}
.MP10 .youtube_player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div.mform form .uk-form-file span.file_name {
    margin-left: 5px;
    font-size: 12px;
}

div.mform form .uk-form-controls input[type="text"],
div.mform form .uk-form-controls input[type="email"],
div.mform form .uk-form-controls input[type="number"],
.mform textarea, div.mform .uk-textarea,
div.mform form .uk-form-select, 
.sir_filters .uk-form-select, div.mform table, div.mform .uk-table {
    -moz-box-shadow: 1px 1px 1px 0px #c9c9c9;
    -webkit-box-shadow: 1px 1px 1px 0px #c9c9c9;
    -o-box-shadow: 1px 1px 1px 0px #c9c9c9;
    box-shadow: 1px 1px 1px 0px #c9c9c9;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#c9c9c9, Direction=134, Strength=1);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #000000;
    font-size: 12px;
    margin-bottom: 5px;
}

div.mform form .uk-form-controls input[type="text"]:focus,
div.mform form .uk-form-controls input[type="email"]:focus,
div.mform form .uk-form-controls input[type="number"]:focus,
.mform textarea:focus {
    background: #f0f0f0;
    -moz-box-shadow: inset 2px 2px 5px 0px #c9c9c9;
    -webkit-box-shadow: inset 2px 2px 5px 0px #c9c9c9;
    -o-box-shadow: inset 2px 2px 5px 0px #c9c9c9;
    box-shadow: inset 2px 2px 5px 0px #c9c9c9;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#c9c9c9, Direction=134, Strength=5);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #f0f0f0;

}

div.mform form .uk-form-controls input[type="text"],
div.mform form .uk-form-controls input[type="email"],
div.mform form .uk-form-controls input[type="number"] {
    height: 40px;
    padding: 5px 10px;
    line-height: 1em;    
}

div.mform form .uk-form-select,
.sir_filters .uk-form-select {
    position: relative;
    width: 100%;
    padding: 5px 10px;
    text-align: left;
}
div.mform form .uk-form-select .uk-icon-plus:before,
.sir_filters .uk-form-select .uk-icon-plus:before {
    content: "\f067";
    color: #989898;
    right: 15px;
    position: absolute;
    top: 15%;
    border-radius: 100%;
    border: 1px solid #989898;
    padding: 5px 6px;
    font-size: 12px;
}


div.mform form > div > div,
div.mform form .form-step > div {
    margin-top: 10px;
}
div.mform form label,
div.mform .uk-form-label,
div.mform p {
    color: #383838;
    font-size: 12px;
}
div.mform .uk-form-label {
    font-weight: bold;
}
div.mform .uk-table th {
    font-weight: normal;
    font-size: 12px;
}
div.mform .uk-table p {
    font-weight: bold;
    margin-bottom: 0;
}
div.mform .form-required {
    color: #999999;
}

div.mform {
    margin: 25px;
    padding: 25px;
    border: 1px solid #dddddd;
}
div.mform .form-radios label,
div.mform .form-checkboxes label{
    cursor: pointer;
    display: inline-block;
    margin-right: 0;
    font-weight: normal;
}
div.mform .uk-form-controls > .form-radios,
div.mform .uk-form-controls > .form-checkboxes,
div.mform .uk-form-file {
    padding: 5px 10px;
    border: 1px solid #dddddd;
    -moz-box-shadow: 1px 1px 1px 0px #c9c9c9;
    -webkit-box-shadow: 1px 1px 1px 0px #c9c9c9;
    -o-box-shadow: 1px 1px 1px 0px #c9c9c9;
    box-shadow: 1px 1px 1px 0px #c9c9c9;
}
div.mform .uk-form-file {
    width: 100%;
    box-sizing: border-box;
}
.MP11 img {
    min-height: 100%;
    min-width: 100%;
}
.MP11 .uk-grid > * {
    padding-left: 15px;
}
.MP13 .ordre {
    color: #a0be1b;
    font-size: 25px;
}

.MP13 .liste {
    padding: 0;
}

.MP13 .liste li {
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
}

@media (max-width: 767px) {
    .MP13 img {
        margin-bottom: 15px !important;
    }
}
.MP16 {
    position: relative;
    padding: 35px 0;
}

.MP16 .hr-biais:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 35px;
    left: 0;
    background-color: #e1e1e1;
    -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg);
    overflow: hidden;
}


/*SIDEBAR FIXE*/ 
.CD27 {
    width: 60px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.CD27.ouvert {
    width: 280px;
}

.CD27 li a {
    display: block;
    width: auto;
    border-radius: 0;
    border: none;
    color: #ffffff;
    font-size: 25px;
}
.CD27.ouvert li a {
    color: #8e8e8e;
}

html:not(.uk-touch) .CD27 li a:hover {
    color: #333333;
}

.CD27 .uk-tab > li.uk-active > a {
    color: #ffffff;
}

html:not(.uk-touch) .CD27 .uk-tab-left > li a:active,
html:not(.uk-touch) .CD27 .uk-tab-left > li a:hover {
    border: none;
    margin-left: 0;
    margin-right: 0;
    color: #ffffff;
}
html:not(.uk-touch) .CD27 .uk-tab-left > li a:focus {
    color: #777777;
}
.CD27 ul {
    margin: 0;
    padding: 0;
    border: none;
    width: 60px;
}

.CD27 li {
    list-style-type: none;
}

.CD27 #CD27-parent li {
    text-align: center;
}

.CD27 .uk-tab-left > li.child-1 a {
    font-size: 35px;
    background-color: #f73f77;
}
.CD27 .uk-tab-left > li.child-2 a {
    background-color: #3fa7f7;
}
.CD27 .uk-tab-left > li.child-3 a {
    background-color: #a0be1b;
}
.CD27 .uk-tab-left > li.child-4 a {
    background-color: #ff9c00;
}
.CD27 .uk-tab-left > li.child-5 a {
    background-color: #ff0000;
}

.CD27 .uk-tab-left > li.child-1 a {
    position: relative;
    margin-bottom: 15px;
    padding-top: 15px;
}

.CD27 .uk-tab-left > li.child-2 a,
.CD27 .uk-tab-left > li.child-3 a,
.CD27 .uk-tab-left > li.child-4 a,
.CD27 .uk-tab-left > li.child-5 a {
    position: relative;
    margin-top: 14px;
    margin-bottom: 14px;
}

.CD27 .uk-tab-left > li.child-3 a:before,
.CD27 .uk-tab-left > li.child-4 a:before,
.CD27 .uk-tab-left > li.child-5 a:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 0 61px;
    line-height: 0px;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.CD27 .uk-tab-left > li.child-3 a:after,
.CD27 .uk-tab-left > li.child-2 a:after,
.CD27 .uk-tab-left > li.child-4 a:after,
.CD27 .uk-tab-left > li.child-5 a:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 61px 15px 0;
    line-height: 0px;
    _border-color: #000000 #007bff #000000 #000000;
}

.CD27 .uk-tab-left > li.child-3 a:before {
    border-color: transparent transparent transparent #a0be1b;
    _border-color: #000000 #000000 #000000 #a0be1b;
}
.CD27 .uk-tab-left > li.child-3 a:after {
    border-color: transparent #a0be1b transparent transparent;
    _border-color: #000000 #a0be1b #000000 #000000;
}
.CD27 .uk-tab-left > li.child-4 a:before {
    border-color: transparent transparent transparent #ff9c00;
    _border-color: #000000 #000000 #000000 #ff9c00;
}
.CD27 .uk-tab-left > li.child-4 a:after {
    border-color: transparent #ff9c00 transparent transparent;
    _border-color: #000000 #ff9c00 #000000 #000000;
}
.CD27 .uk-tab-left > li.child-5 a:before {
    border-color: transparent transparent transparent #ff0000;
    _border-color: #000000 #000000 #000000 #ff0000;
}
.CD27 .uk-tab-left > li.child-5 a:after {
    border-color: transparent #ff0000 transparent transparent;
    _border-color: #000000 #ff0000 #000000 #000000;
}
.CD27 .uk-tab-left > li.child-2 a:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 61px;
    border-color: transparent transparent #3fa7f7 transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #3fa7f7 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.CD27 .uk-tab-left > li.child-2 a:after {
    border-color: transparent #3fa7f7 transparent transparent;
    _border-color: #000000 #3fa7f7 #000000 #000000;
}
.CD27 .uk-tab-left > li.child-1 a:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 61px 0 0;
    border-color: #f73f76 transparent transparent transparent;
    line-height: 0px;
    _border-color: #f73f76 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.CD27 #CD27-child {
    box-sizing: border-box;
    height: 255px;
    min-height: 255px;
    background-color: #ffffff;

    width: 220px;
    margin-right: -220px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}


.CD27 #CD27-child a > i {
    width: 20px;
    text-align: center;
}
.CD27:hover #CD27-child {
    margin-left: 0;
}


.CD27:hover #CD27-child-container {
    min-width: 220px;
}

.CD27.ouvert #CD27-parent li[aria-expanded="false"] a {
    background-color: #e1e1e1;
}

.CD27.ouvert .uk-tab-left > li.child-3[aria-expanded="false"] a:after,
.CD27.ouvert .uk-tab-left > li.child-2[aria-expanded="false"] a:after,
.CD27.ouvert .uk-tab-left > li.child-4[aria-expanded="false"] a:after,
.CD27.ouvert .uk-tab-left > li.child-5[aria-expanded="false"] a:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 61px 15px 0;
    line-height: 0px;
    _border-color: #000000 #e1e1e1 #000000 #000000;
}

.CD27.ouvert .uk-tab-left > li.child-3[aria-expanded="false"] a:before {
    border-color: transparent transparent transparent #e1e1e1;
    _border-color: #000000 #000000 #000000 #e1e1e1;
}
.CD27.ouvert .uk-tab-left > li.child-3[aria-expanded="false"] a:after {
    border-color: transparent #e1e1e1 transparent transparent;
    _border-color: #000000 #e1e1e1 #000000 #000000;
}
.CD27.ouvert .uk-tab-left > li.child-4[aria-expanded="false"] a:before {
    border-color: transparent transparent transparent #e1e1e1;
    _border-color: #000000 #000000 #000000 #e1e1e1;
}
.CD27.ouvert .uk-tab-left > li.child-4[aria-expanded="false"] a:after {
    border-color: transparent #e1e1e1 transparent transparent;
    _border-color: #000000 #e1e1e1 #000000 #000000;
}
.CD27.ouvert .uk-tab-left > li.child-5[aria-expanded="false"] a:before {
    border-color: transparent transparent transparent #e1e1e1;
    _border-color: #000000 #000000 #000000 #e1e1e1;
}
.CD27.ouvert .uk-tab-left > li.child-5[aria-expanded="false"] a:after {
    border-color: transparent #e1e1e1 transparent transparent;
    _border-color: #000000 #e1e1e1 #000000 #000000;
}
.CD27 .child.alert {
    display: none;
}
.CD27.show-alert .child.alert {
    display: block;
}
.CD27.ouvert .uk-tab-left > li.child-2[aria-expanded="false"] a:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 61px;
    border-color: transparent transparent #e1e1e1 transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #e1e1e1 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.CD27.ouvert .uk-tab-left > li.child-2[aria-expanded="false"] a:after {
    border-color: transparent #e1e1e1 transparent transparent;
    _border-color: #000000 #e1e1e1 #000000 #000000;
}
.CD27.ouvert .uk-tab-left > li.child-1[aria-expanded="false"] a:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 61px 0 0;
    border-color: #e1e1e1 transparent transparent transparent;
    line-height: 0px;
    _border-color: #e1e1e1 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

#CD27-child > li {
    border-left: 8px solid red;
    padding: 20px;
    min-height: 215px;
    margin: 0;
    max-height: calc(100vh - 275px);
    overflow: auto;    
    background: #fff;
}
.CD27.show-alert #CD27-child > li {
    min-height: 275px;
}

#CD27-child > li > ul {
    margin: 0;
    width: 100%;
}

#CD27-child > li > ul >li {
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
}
#CD27-child > li > ul >li:first-child, #CD27-child > li > ul >li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
#CD27-child > li > ul > li a {
    font-size: 14px;
    color: #333333;
    line-height: 1.3em;
}


#CD27-child .darktitle {
    font-size: 35px;
}

#CD27-child li.child-1 {
    border-color: #f73f77;
    background-image: -webkit-linear-gradient(-90deg,    transparent 0%,    transparent 50%, white 50%, white 100%), -webkit-linear-gradient(  0deg, rgba(247,63,119,.1) 0%, rgba(247,63,119,.1) 50%, white 50%, white 100%);
    background-size:.25em .25em;    
}

#CD27-child li.child-2 {
    border-color: #3fa7f7;
    background-image: -webkit-linear-gradient(-90deg,    transparent 0%,    transparent 50%, white 50%, white 100%), -webkit-linear-gradient(  0deg, rgba(63,167,247,.1) 0%, rgba(63,167,247,.1) 50%, white 50%, white 100%);
    background-size:.25em .25em;    
}

.CD27 #CD27-child li.child-2 a {
    padding-left: 23px;
}
.CD27 #CD27-child li.child-2 a > i {
    margin-left: -25px;
    padding-right: 5px;
}

#CD27-child li.child-3 {
    border-color: #a0be1b;
    background-image: -webkit-linear-gradient(-90deg,    transparent 0%,    transparent 50%, white 50%, white 100%), -webkit-linear-gradient(  0deg, rgba(160,190,27,.1) 0%, rgba(160,190,27,.1) 50%, white 50%, white 100%);
    background-size:.25em .25em;   
}

#CD27-child li.child-4 {
    border-color: #ff9c00;
    background-image: -webkit-linear-gradient(-90deg,    transparent 0%,    transparent 50%, white 50%, white 100%), -webkit-linear-gradient(  0deg, rgba(255,156,0,.1) 0%, rgba(255,156,0,.1) 50%, white 50%, white 100%);
    background-size:.25em .25em;   
}

html:not(.uk-touch) .CD27.ouvert #CD27-parent li.child-1[aria-expanded="false"] a:hover {
    color: #f73f77;
}
html:not(.uk-touch) .CD27.ouvert #CD27-parent li.child-2[aria-expanded="false"] a:hover {
    color: #3fa7f7;
}
html:not(.uk-touch) .CD27.ouvert #CD27-parent li.child-3[aria-expanded="false"] a:hover {
    color: #a0be1b;
}
html:not(.uk-touch) .CD27.ouvert #CD27-parent li.child-4[aria-expanded="false"] a:hover {
    color: #ff9c00;
}

#CD27-child > li > ul > li a.btn-green {
    color: #ffffff;
}

#CD27-child > li p {
    line-height: 1.1em;
    margin: 5px 0;
}

html:not(.uk-touch) #CD27-child > li > ul > li a.btn-green:hover {
    color: #333333;
}
/*FIN SIDEBAR FIXE*/

/*NAVBAR*/

/*.uk-navbar .sub-menu {
    width: 100%;
    left: 0;
    z-index: 1000;
    border-radius: 0;
    top: 0;
    margin-top: 0;
    background: #ffffff;
    border-top: 1px solid #e1e1e1;
    min-height: 240px;
    padding: 0;
    max-height: calc(80vh - 70px);
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow: auto;
}

.uk-navbar .sub-menu a {
    color: #000000;
}

.uk-navbar .uk-navbar-nav>li {
    position: static!important;
}

.sub-menu-3 ul,
.sub-menu-4 ul{
    display: none;
}

.sub-menu-3 ul.active,
.sub-menu-4 ul.active {
    display: block;
}

.col-1 {
    background-color: #f9f9f9;
}
.sub-menu-3 ul.active {
    background-color: #efefef;
}

.col.sub-menu-2,
.sub-menu-3 ul.active,
.sub-menu-4 ul.active {
    padding: 50px 25px;
    border: none;
}

.col {
    box-sizing: border-box;
    margin: 0;
}

.col li {
    list-style-type: none;
}

.col-1 li,
.col-2 li {
    padding: 20px 0;
    border-bottom: 1px solid #ffffff;
}

.col-1 > li > a,
.col-2 > li > a {
    font-weight: 300;
}

.col-1 > li > a,
.col-2 > li > a {
    padding-left: 0;
    font-weight: 300;
    position: relative;
    -moz-transition: all 250ms ease-in;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
}

.col-1 > li.active > a,
.col-2 > li.active > a {
    padding-left: 35px;
    font-weight: 500;
}
.col-1 > li > a:before,
.col-2 > li > a:before {
    content: "";
    height: 5px;
    width: 25px;
    top: 5px;
    background-color: transparent;
    left: -35px;
    -moz-transition: all 250ms ease-in;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
}
.col-1 > li.active > a:before,
.col-2 > li.active > a:before {
    background-color: #000000;
    position: absolute;
    left: 0px;
}
.sub-menu-4 > ul > li > a {
    max-width: 250px;
    margin: 0 auto;
    line-height: 1.4em;
    font-size: 12px;
    font-weight: 300;
    display: block;
    padding: 20px;
    box-sizing: border-box;
    -moz-transition: all 250ms ease-in;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    margin-bottom: 20px;
}
.sub-menu-4 > ul > li > a span {
    display: block;
    padding-top: 5px;
}
.sub-menu-3 > ul > li.active,
.sub-menu-2 > li.active{
    position: relative;
}

.sub-menu-3 > ul > li.active:after {
    content: "";
    position: absolute;
    top: 30%;
    right: -25px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 22px 11px 0;
    border-color: transparent #ffffff transparent transparent;
    line-height: 0px;
    _border-color: #000000 #ffffff #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.sub-menu-2 > li.active:before {
    content: "";
    position: absolute;
    top: 30%;
    left: 101%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 22px 11px 0;
    border-color: transparent #efefef transparent transparent;
    line-height: 0px;
    _border-color: #000000 #efefef #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

html:not(.uk-touch) .sub-menu-4 > ul > li > a:hover {

    background-color: #efefef;
}

.uk-offcanvas-bar {
    background: #e4e4e4;
}

.uk-offcanvas-bar-flip:after {
    -moz-box-shadow: 0 0 5px 2px rgba(125, 125, 125, 0.6);
    -webkit-box-shadow: 0 0 5px 2px rgba(125, 125, 125, 0.6);
    -o-box-shadow: 0 0 5px 2px rgba(125, 125, 125, 0.6);
    box-shadow: 0 0 5px 2px rgba(125, 125, 125, 0.6);
}*/

/*FIN NAVBAR*/

/* MENU MOBILE */

.uk-nav-offcanvas > li > a {
    background: #777777;
    color: #ffffff;
}
.uk-nav-offcanvas ul a {
    color: #777777;
    padding: 4px 10px 4px 0;
    line-height: 1.3em;
}
.uk-nav-offcanvas ul.n1,
.uk-nav-offcanvas ul.n2,
.uk-nav-offcanvas ul.n3 {
    background: #ffffff;
}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
    color: #000000;
}
.uk-nav-offcanvas ul {
    padding-left: 25px;
}
.uk-nav-offcanvas ul li {
    position: relative;
}
.uk-nav-offcanvas ul.n1 li:before,
.uk-nav-offcanvas ul.n2 li:before,
.uk-nav-offcanvas ul.n3 li:before {
    content: "";
    position: absolute;
    top: 12px;
    left: -12px;
    width: 5px;
    height: 3px;
    background: #777777;
}
/* FIN MENU MOBILE */

/*MAP INTERNE*/

.MP09 .map-results {
    width: 100%;
    background-color: #eeeeee;
    padding: 25px;
    box-sizing: border-box;
}
.MP09 .map-results > div {
    max-height: 200px;
    overflow: hidden;
}

.MP09 .map {
    height: 300px;
    width: 100%;
}
.MP09.small .map {
    height: 200px;
}
.MP09.big .map {
    height: 400px;
}
.MP09 ul.liste {
    padding: 0;
}
.MP09 .scrollbar {
    max-height: 200px;
}

.MP09 ul.liste li {
    cursor: pointer;
    list-style-type: none;
    padding: 15px 25px 10px 25px;
    margin-right: 25px;
    box-sizing: border-box;
    border-bottom: 1px solid #cecece;
}

.MP09 ul.liste li .titre {
    color: #d16397;
    margin: 10px 0;
}

.MP09 ul.liste li p {
    color: #777777;
    margin: 0 0 5px 0;
}

.MP09 ul.liste li .titre,
.MP09 ul.liste li p span {
    /*font-weight: 300;*/
}

.MP09 ul.liste li a {
    /*font-style: italic;*/
}

.MP09 .infos-sup {
    display: none;
}

.MP09 .infos-sup.open {
    display: block;
}

/*FIN MAP INTERNE*/

@media (max-width: 1570px) {


}

@media (max-width: 1440px) {

    .logo-header {
        width: 250px;
    }

    header .navbar-principale {
        padding-left: 228px;
    }

    header .bottom .uk-navbar .menu-1 > li > a {
        padding-right: 20px;
        margin-right: 24px;
        padding-left: 7px;
    }

    .home-calendar table.ui-datepicker-calendar a {
        padding: 3px;
    }

    .col-1 > li > a:before,
    .col-2 > li > a:before {
        width: 10px;
        left: -20px;
    }

    .col-1 > li.active > a,
    .col-2 > li.active > a {
        padding-left: 20px;
    }

    .search-link .uk-search-field:focus, .search-link .uk-search.uk-active .uk-search-field {
        width: 280px;
    }

}

@media (max-width: 959px) {

    .menu-mobile {
        background-image: url(../images/correze-bg-header-mobile.jpg);
        background-position: left bottom;
        background-size: cover;
        height: 117px;
    }

    .menu-mobile > ul {
        width: 50px;
        z-index: 99999;
        margin-bottom: 0;
    }

    .menu-mobile > ul > li {
        list-style-type: none;
    }

    header .top a:before,
    header .top a:after{
        content: none;
    }

    header .top {
        background-color: #a0be1c;
        border: none;

    }

    header .top a {
        background: none;
        padding: 10px 20px;
        height: auto;
        display: block;
        line-height: initial;
    }

    header .middle {
        margin-top: 0;
        height: auto;

    }

    header .middle a {
        display: block;
        padding: 10px 20px;
        color: #ffffff;
    }

    header .bottom {
        margin-top: 0;
        height: auto;
        list-style: none;
    }

    header .bottom a {
        background-color: #f9f9f9;
        color: #a0be1c;
        padding: 10px 25px;
        height: 41px;
        border-left: 1px solid #f9f9f9;
        border-bottom: 1px solid #f9f9f9;
    }
    header .bottom.uk-active a {
        border-left: 1px solid #7c7c7c;
        border-bottom: 1px solid #7c7c7c;
    }


    header .menu-mobile {
        background-color: #ffffff;
        z-index: 10;
    }

    #offcanvas-menu-mob .user-space {
        background-color: #ff9c00;
        color: #ffffff;
        text-shadow: none;
    }

    #offcanvas-menu-mob a.user-space:before {
        left: 25px;
        background-image: url('../images/picto-user-space-white.png');
    }

    .home-calendar .bloc-3 {
        width: 88%;
        right: 50px;
        top: 50px;
    }


    .home-calendar .bloc-2 {
        width: 97%;
        right: 0;
    }

    .home-calendar > div > div > .right {
        padding: 25px;
    }

    .home-calendar > div > div > .left {
        min-height: 650px;
    }

    #contenu-page header h1.titre-1 {
        font-size: 33px;
        padding: 100px 25px 25px 30px;
    }

    .MP08 blockquote p {
        font-size: 31px;
    }

    .home-calendar table.ui-datepicker-calendar a {
        padding: 8px 20px;
    }

    .titre-section-1 {
        font-size: 29px;
    }

    h2.titre-section-1 {
        font-size: 27px;
    }

    h3.titre-section-1 {
        font-size: 26px;
    }

    h4.titre-section-1 {
        font-size: 25px;
    }

    h5.titre-section-1 {
        font-size: 24px;
    }

    h6.titre-section-1 {
        font-size: 23px;
    }


}

@media (max-width: 767px) {

    #liste-rubrique {
        padding: 0 10px;
    }

    .home-calendar table.ui-datepicker-calendar a {
        padding: 8px 5px;
    }

    .MP03.img-double, .MP03.img-triple {
        margin-bottom: 5px;
    }
}

@media (max-width: 479px) {
    .width60 {
        max-width: 100%;
    }

    h3.titre-3 {
        line-height: 35px;
    }

    .home-calendar > div > div > .left {
        min-height: 680px;
    }

    #footer-2 .left {
        margin-bottom: 35px;
    }

    #footer-1 {
        line-height: 30px;
    }

    #footer-1 p {
        margin: 30px 0;
    }

    #footer-4 li > a {
        padding: 0 3px;
        font-size: 10px;
    }

    .filtre-rs {
        position: relative;
    }

    .home-calendar table.ui-datepicker-calendar a {
        padding: 6px 6px;
        margin: 0 0px;
    }

}

.uk-scrollable-text {
    resize: none !important;
}

.module {
    margin-bottom: 15px !important;
}
@media (min-width: 768px) {
    .module {
        margin-bottom: 25px !important;
    }
}

.masonry-item {
    padding: 0 0 0 15px;
    margin: 0 0 15px;
}
/*@media (min-width: 960px) {
    .masonry-item {
        padding: 0 0 0 25px;
    }
}
@media (min-width: 1220px) {
    .masonry-item {
        padding: 0 0 0 35px;
    }
}*/
.masonry-item .uk-panel-box {
    border-radius: 0;
}

.search-container {
    height: 50px;
    margin-top: -51px;
    position: relative;
    margin-bottom: 25px;
}
.search-container form {
    width: 100%;
}
.search-container form .uk-search-field-page {
    width: 80% !important;
    color: #000;
    font-style: italic;
    font-size: 20px;    
    height: 50px;
    background: #ffffff;
    margin: 0 auto;
    display: block;
    border: 1px solid #e6e6e6;
    padding: 0 15px;
}

.feed .media i {
    display: none;
}
.feed .media {
    position: relative;
    background: #ffffff;
}
.feed.video .media i {
    display: block;
    color: #ffffff;
    position: absolute;
    font-size: 50px;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -25px;
}
.loader {
    text-align: center;
}
.loader i {
    font-size: 50px;
    color: #fff;
}
.loader i.dark {
    color: #616160;
}

.filter.title {
    font-family: "roboto_cr";
}
.agenda_filters select {
    width: 100%;
}

.agenda_filters select {
    font-family: "Fira sans";
    font-size: 1.2em;
}

.uk-form .uk-form-select {
    background-color: #ffffff;
    padding: 5px 10px;
    border-color: #dddddd;
    color: #989898;
    font-size: 12px;
    line-height: 29px;
    width: 100%;
    position: relative;
    text-align: left;
    height: 37px;
}


.agenda_filters .uk-form-select, 
.agenda_filters .select-date input {
    background-color: #ffffff;
    padding: 5px 10px;
    border-color: #dddddd;
    color: #989898;
    font-size: 12px;
    width: 100%;
    position: relative;
    text-align: left;
    height: 37px;
}
.agenda_filters .select-date span {
    display: inline-block;
    width: 30px;
}
.agenda_filters .select-date input {
    display: inline-block;
    width: calc(100% - 30px);
}
.uk-form .uk-form-select span {
    width: calc(100% - 35px);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #656565;
}
.uk-form .uk-form-select .uk-icon-plus:before {
    content: "\f067";
    color: #989898;
    right: 15px;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 100%;
    border: 1px solid #989898;
    padding: 5px 6px;
    font-size: 12px;
}
#agenda-items figure .uk-panel, #actu-items figure .uk-panel {
    background: rgba(0,0,0,0.8);
    color: #ffffff;
    padding: 10px;
}
#agenda-items figure .uk-panel h2, #actu-items figure .uk-panel h2 {
    color: #ffffff;
}
#agenda-items figure .uk-panel p, #actu-items figure .uk-panel p {
    margin: 0;
}
.mbottom {
    margin-bottom: 15px;
}

.node-type-content-liste-agenda .ui-datepicker {
    width: 300px !important;
}
.rs-flux a.uk-slidenav {
    display: block;
    border: none;
    top: auto;
    bottom: -55px;
}
.rs-bloc .follow {
    margin-top: 65px;
}
.rs-bloc .follow > * {
    color: #444444;
}
.list-items > div {
    margin-bottom: 25px;
}

.list-items .uk-panel {
    padding: 15px;
}
.list-items .uk-panel h2 {
    font-size: 17px;
    line-height: 1.1em;
    margin: 5px 0;
}
.list-items .uk-panel p {
    font-size: 14px;
    line-height: 1.1em;
    margin: 5px 0;
}


.map-switcher .uk-form-label {
    margin-bottom: 10px;
    font-size: 1.2em;
}
.sir_filters .datepicker-alt {
    display: block;
    width: 100%;
    height: 30px;
    background: #ffffff;
    border-color: #c7c7c7;
}
.sir_filters .datepicker {
    left: 0;
    margin: 0 !important;
    z-index: 2;
    width: 100%;
}
.sir_filters .datepicker .ui-datepicker {
    width: 100%;
}
.sir_filters i,
.sir_filters span {
    cursor: pointer;
}
.sir_filters span.label {
    width: 40px;
    display: inline-block;
}
.sir_filters span.date {
    display: inline-block;
    width: 115px;
    background: #fff;
    height: 22px;
    vertical-align: middle;
    padding: 6px 0 0 7px;
    border: 1px solid #c9c9c9;
    margin-right: 5px;
}

#modalContent table {
    width : 100%;
}

@media (min-width: 768px) {
    .display-inline {
        display: inline-block;
        padding-right: 10px;
    }
}

.big-padding {
    padding-left: 80px;
    padding-right: 80px;
}
.big-padding .uk-slidenav {
    display: block;
}
.big-padding .uk-slidenav-position .uk-slidenav-previous {
    left: 0;
}
.big-padding .uk-slidenav-position .uk-slidenav-next {
    right: 0;
}
.uk-slidenav-previous:before {
    margin: 0 3px 0 0;
}
.uk-slidenav-next:before {
    margin: 0 0 0 3px;
}
.mp17 {
    margin: 0 -25px 15px;
}
@media (min-width: 768px) {
    .mp17 .float-left {
        float: left;
        margin: 20px 0 0 0;
        padding: 0 25px 25px 0;
    }

    .mp17 .float-right {
        float: right;
        margin: 20px 0 0 0;
        padding: 0 0 25px 25px;
    }
}
@media (min-width: 1220px) {
    .mp17 {
        margin: 0 -35px 25px;
    }
    .mp17 .float-left {
        float: left;
        margin: 20px 0 0 0;
        padding: 0 35px 35px 0;
    }

    .mp17 .float-right {
        float: right;
        margin: 20px 0 0 0;
        padding: 0 0 35px 35px;
    }
}

h2.pane-title {
    font-size: 0.9em;
    line-height: 1em;
}

.MP05 .uk-grid div a i {
    margin-left: 2em;
    margin-right: 2em;
}

.MP05  a i {
    color : #333333;
}

.MP05 .uk-grid div:not(:last-child) a i {
    margin-bottom: 1em;
}
@media (min-width: 960px) {
    .MP05 .uk-grid div a i {
        margin-left: 0.8em;
        margin-right: 1.5em;
    }
}
.MP05 .uk-overflow-container {
    overflow-y: hidden;
}

.section-title.left .separateur-couleur {
    width: 20px;
    height: 5px;
    position: absolute;
    left: 0;
    top: calc(50% - 2px);
}

/*.section-title.left .separateur-couleur {
    width: 20px;
    height: 5px;
    position: absolute;
    left: 0;
    top: 13px;
}*/

.section-title.left .titre-section-1 {
    text-align: left;
    font-family: 'roboto_cr';
    text-transform: none;
    font-size: 34px;
    padding-left: 30px;
}

.section-title.left h2.titre-section-1 {
    font-size: 30px;
    line-height: 30px;
}

.section-title.left h3.titre-section-1 {
    font-size: 26px;
}

.section-title.left h4.titre-section-1 {
    font-size: 22px;
}

.section-title.left h5.titre-section-1 {
    font-size: 20px;
}

.section-title.left h6.titre-section-1 {
    font-size: 18px;
}

.panel-separator {
    padding: 10px;
}

.MP08 blockquote p {
    max-width: 80%;
    margin: 0 auto;
}

.info-overflow {
    max-height: 225px;
    overflow: auto;
    padding-right: 5px;
    padding-left: 5px;    
    max-width: 250px;
}
@media (min-width: 996px) {
    .info-overflow {
        max-width: 350px;
    }
}
svg#cantons_correze path {
    cursor: pointer;
}
svg#cantons_correze path {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
html:not(.uk-touch) svg#cantons_correze path:hover {
    fill: #a0bf1c !important;
}
.lbl {
    font-weight: bold;
}
.mform .lbl, div.mform .uk-form-label {
    font-family: "roboto_cl";
    font-weight: normal;
    font-size: 15px;
}
#node-type-annuaire p,
#node-type-elu p {
    margin: 0 0 5px;
    line-height: 1.2em;
}
#node-type-elu .fluxrs {
    margin-top: 15px;
    /*max-width: 360px;*/
}
@media (max-width: 767px) {
    .fluxrs {
        text-align: center;
    }
}
#node-type-elu p.elu-nom {
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 1.2em;
    margin-top: 10px;
}
#node-type-elu ul,
#node-type-annuaire ul {
    margin: 0;
}
#node-type-elu li,
#node-type-annuaire li {
    line-height: 1.2em;
    margin-bottom: 10px;
    padding: 0;
}

.handicap .title {
    line-height: 1.4em;
}

@media (max-width: 767px) {
    .module_elu:before {
        content: "";
        width: 100%;
        height: 1px;
        margin: 10px 0 25px;
        display: block;
        background: #777777;
    }    
    #node-type-elu,
    #node-type-annuaire {
        text-align: center;
    }
    #node-type-elu ul,
    #node-type-annuaire ul {
        padding: 0;
    }
    #node-type-elu li,
    #node-type-annuaire li {
        list-style: none;
        line-height: 1.2em;
        margin-bottom: 10px;
        padding: 0;
    }
    #node-type-annuaire .uk-flex {
        display: block;
    }
}

@media (min-width: 768px) {
    .handicap .title {
        padding-left: 15px;
    }
    .col-separator {
        position: relative;
    }
    .col-separator:after {
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        right: -18px;
        background: #000000;
        width: 1px;
        display: block;
    }
}
.type-elu {
    text-align: center;
    margin: 30px 0 15px;
    font-size: 2.5em;
    font-family: 'roboto_cb';
}
.col-elus li {
    list-style: none;
}
@media (max-width: 767px) {
    .col-elus {
        padding: 0;
    }
    .col-elus li {
        text-align: center;
    }
}

.uk-inner > .uk-grid > div:first-child .pane-paragraph-panes:not(.pane-mp01-titre) {
    padding-left : 25px;
    padding-right : 25px;
}
.cd23 {
    background: #e3e4e9;
}
.uk-slidenav-contrast:active,
.uk-slidenav-contrast:hover, 
.uk-slidenav-contrast:focus {
    color: inherit;
}
.cd27 {
    max-width: 1280px;
}
header > h1.titre-1 {
    margin: 0;
}
.mp17 .uk-width-medium-1-3 img {
    width: 100%;
}
.cd16 {
    background: #f1f1f1;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 40px
}
.cd16:not(.wishlist) .partage .uk-icon-button {
    width: 20px;
    height: 20px;
    line-height: 23px;
    font-size: 13px;
}    
.mp19 .uk-overlay-background {
    background: rgba(0,0,0,0.2);
}
.mp19 h3 {
    line-height: 1.3em;
    margin: 0;
    text-shadow: 2px 2px rgba(0,0,0,0.8);
}
.mp19 input[type="search"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    width: 350px;
    height: 30px;
    font-size: 1.2em;
    line-height: 1em;
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
    box-shadow: 0 0 15px #000;
}
@media (max-width: 767px) {
    .mp19 input[type="search"] {
        width: 300px;
    }
}
.mp19 .uk-search:before {
    color: #777;
}
#search-results-items .mea-actu h2.titre-2:before {background-color: #9fbe1b}

.faq-question {
    font-size: 1.1em;
    background: #ffffff;
}
.faq-reponse {
    padding: 0 15px 35px 15px;
}
.faq-reponse p {
    margin: 10px 0;
    line-height: 1.2em;
}

.lexicon {
    overflow-x: auto;
    width: 100%;
    white-space: nowrap;
    font-size: 0;
    overflow-y: hidden;
    height: 40px;
    margin-top: -5px;
}
.lexicon-letter {
    background-color: #f3f2f1;
    display: inline-block;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
    font-size: 13px;
    line-height: 0;
    vertical-align: middle;
}
.link-lexicon.disabled .lexicon-letter {
    color: #ccc;
    background-color: #f3f2f1;
    cursor: default;
}
.link-lexicon.active .lexicon-letter, .link-lexicon:not(.disabled):hover .lexicon-letter {
    color: #a0be1b;
    background-color: #fff;
    font-size: 20px;
    cursor: pointer;
}
.link-lexicon .lexicon-letter {
    padding: 15px 10px;
    width: 15px;
}
p.first-letter {
    text-transform: uppercase;
    font-size: 2em;
    line-height: 1.4em;
    margin-top: 20px;
    padding-left: 30px;
    position: relative;
    margin-bottom: 0;
}
p.first-letter:before {
    content: "";
    display: block;
    height: 4px;
    width: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    background: #a0be1b;
    margin-top: -3px;
}
@media (min-width: 768px) {
    .lexicon {
        overflow-x: hidden;
    }
    .link-lexicon .lexicon-letter {
        padding: 20px 0.793%;
        width: 2.260869565217%;
    }
}
#glossaire .uk-accordion-title {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 20px 5px 5px;
    background: none;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    border: none;
    position: relative;
}
#glossaire .uk-accordion-title:first-letter {
    text-transform: uppercase;
}
#glossaire .uk-accordion-content {
    padding: 10px 15px 10px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    background: #f5f5f5;
}
.fluxrs iframe {
    max-width: 100%;
}

.styled-header > * {
    margin: 0;
    color: inherit;
}
.styled-bloc > .styled-header {
    padding: 5px 10px;
}

i.uk-accordion-title {
    background: none;
    border: none;
    margin-bottom: 0;
}

i.uk-accordion-title.uk-icon-plus.uk-active:before {
    content: "\f068";
}

.mp18 .section-title.left .titre-section-1 {
    padding-left: 0;
    margin-top: 0;
}

.mp18 .mea-actu .descriptif p {
    line-height: 1.2em;
    font-size: 0.95em;
    color: #777777;
}

#content > div.section > div.tabs {
    min-height: 50px;
    margin-top: 0 !important;
    padding-top: 20px;
}
.not-logged-in #content > div.section > div.tabs {
    display: none;
}
#CD27-child a.uk-button {
    line-height: 30px;
}
#CD27-child a.uk-button:hover,
#CD27-child a.uk-button:focus {
    color: #ffffff !important;
    background: #777777;
}

#page {
    opacity: 1;
    visibility: visible;
}
.no-js #page {
    opacity:0;
    visibility: hidden;
}

.uk-table-condensed a {
    color: #687f00;
}

.mvideo {
    height: auto;
    width: 100%;
}

.header-content {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #ffffff;
    z-index: 50;
}
.header-content > .uk-container {
    min-height: 56px;
}
@media (min-width: 480px) {
    .header-content > .uk-container {
        min-height: 105px;
    }
}
.language-switcher ul {
    list-style: none;
}
.language-switcher ul li {
    display: inline-block;
}
.header-content .language-switcher ul li:not(:first-child):before {
    content: "";
    height: 12px;
    width: 1px;
    background: #6F6F6F;
    display: inline-block;
    margin-right: 3px;
}
.uk-offcanvas .language-switcher ul li:not(:first-child):before {
    content: "";
    height: 12px;
    width: 1px;
    background: #6F6F6F;
    display: inline-block;
}
.uk-offcanvas .language-switcher ul {
    padding: 10px;
}
.uk-offcanvas .language-switcher ul li a {
    padding: 0 5px;
}
.header-content .language-switcher ul li a:not(.active) {
    color: #6F6F6F;
    font-family: "roboto_cl";
}
.language-switcher ul li a:not(.active) {
    font-family: "roboto_cl";
}
.language-switcher ul li a {
    display: inline-block;
}
#header {
    position: relative;
    z-index: 500;
}
header h1.logo-title {
    margin: 0;
}
header img.logo {
    margin-top: 0;
    margin-bottom: 5px;
    margin-left: 10px;
    width: 110px;
    max-width: 140px;
}
@media (max-width: 479px) {
    .header-content .uk-margin-bottom {
        margin-bottom: 5px !important;
    }
}
@media (min-width: 480px) {
    header img.logo {
        width: 140px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}
@media (min-width: 1024px) {
    header img.logo {
        margin-left: 14px;
    }
}
@media (min-width: 1220px) {
    header img.logo {
        margin-left: 9px;
    }
}

header .navbar {
    background: rgba(0,0,0,0.5);
    position: relative;
    -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 .navbar.uk-active {
    background: rgba(50,50,50,0.9);
}
header .navbar:before {
    content: "";
    display: block;
    background: #000000;
    height: 5px;
    bottom: 0;
    left: 0;
    z-index: 2;
    right: 0;
    position: absolute;
}
header .navbar:after {
    content: "";
    display: block;
    background: #737373;
    height: 5px;
    bottom: 0;
    left: 85%;
    z-index: 3;
    right: 0;
    position: absolute;
}
header .navbar,
header .navbar-content {
    height: 52px;
}
header .top-nav a {
    color: #69666A !important;
}
header .menu-main a, 
header .menu-alt a {
    color: #ffffff !important;
}
.subnav.subnav-main .main-links,
.subnav.subnav-alt > div {
    /*height: calc(100vh - 52px);*/
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}
.subnav.subnav-alt > div {
    height: calc(100vh - 52px);
}
.subnav.subnav-main .main-links a {
    font-family: "roboto_cr";
}
.subnav.subnav-alt > div.subnav-item.search-link {
    /*    height: auto !important;
        min-height: calc(100vh - 52px);*/
}
.subnav.subnav-main > div {
    background: rgba(255,255,255,0.9);
}
@media (max-width: 959px) {
    .subnav.subnav-main {
        display: none !important;
    }
}
.subnav div[class*="sub-menu"] {
    position: relative;
    z-index: 2;
    min-height: 100%;
}
.subnav.subnav-main div[class*="sub-menu"] {
    padding-left: 5px;
}
.subnav div[class*="sub-menu"].rs-link {
    height: auto !important;
    min-height: auto;
    padding-top: 15px;
}
.subnav .subnav-item {
    display: none;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 15px #000000;
    -webkit-box-shadow: 0 1px 15px #000000;
}
.subnav .subnav-item li a {
    list-style: none;
}
.subnav .subnav-item li a {
    display: block;
    padding: 18px 10px;
    color: #2c5a1a;
    text-decoration: none;
    width: 100%;
    line-height: 1.2em;
    box-sizing: border-box;
}
.subnav .subnav-item .sub-menu-2 li a {
    color: #000000;
}
.subnav ul {
    padding: 0;
    margin: 0;
}
.subnav .subnav-item .sub-menu-2 li a p {
    margin-bottom: 5px;
}
.subnav .subnav-item .sub-menu-2 li a p:before {
    content: "";
    margin-right: 3px;
    height: 3px;
    width: 10px;
    display: inline-block;
    vertical-align: middle;
    background: #000000;
}
.subnav .subnav-item .sub-menu-2 li li a p:before {
    margin-right: 3px;
    height: 2px;
    width: 7px;
}

.subnav .subnav-item .sub-menu-2 li .last-menu a {
    font-size: 0.8em;
    padding: 0 0 0 10px;
}
ul.menu.menu-main li,
ul.menu.menu-alt li {
    margin: 0;
}
ul.menu li a {
    border: none !important;
    padding-top: 4px;
    margin: 0;
    height: 52px;
    border-radius: 0 !important;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow:hidden;
    background: none !important;
}
ul.menu.menu-main li a {
    text-transform: uppercase;
    padding-left: 0.8em;
    padding-right: 0.8em;
    background: none !important;
}
ul.menu.menu-main li a span.link-title {
    font-family: "roboto_cl";
    font-size: 1.17647058823529em;
}
@media (min-width: 1220px) {
    ul.menu.menu-main li a span.link-title {
        font-size: 1.42857142857143em;
    }
}

ul.menu.menu-main li a span.link-title,
ul.menu.menu-alt li a i {
    position: relative;
    z-index: 2;
}
ul.menu.menu-main li a.active span.link-title {
    color: #000000;
}
@media (min-width: 1024px) {
    ul.menu.menu-main li a {
        padding-left: 1em;
        padding-right: 0.5em;
    }
}
@media (min-width: 1220px) {
    ul.menu.menu-main li a {
        padding-left: 0.75em;
        padding-right: 0.75em;
    }
}
@media (min-width: 1512px) {
    ul.menu.menu-main li a {
        padding-right: 2em;
    }
}
ul.menu.menu-alt li a {
    width: 45px;
    text-align: center;
    margin-top: 0;
    height: 52px;
    z-index: 10;
    display: block;
    position: relative;
    max-width: 95px;
    padding: 6px 0 0 0;
}
@media (min-width: 480px) {
    ul.menu.menu-alt li a {
        width: 70px;
    }
}
@media (min-width: 1220px) {
    ul.menu.menu-alt li a {
        width: 95px;
    }
}
ul.menu.menu-alt li a i {
    font-size: 30px;
}
@media (min-width: 1220px) {
    ul.menu.menu-alt li a i {
        font-size: 36px;
    }
}

.uk-navbar-nav > li > a {
    cursor: pointer !important;
    text-shadow: none !important;
    text-decoration: none !important;
}
.uk-navbar-nav > li {
    border-radius: none !important;
}

header .menu-alt a:after {
    content: "";
    display: block;
    height: 5px;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    position: absolute;
}
.subnav .search-link,
.search-link:after {
    background: #737373;
}
.subnav .profile-link,
.profile-link:after {
    background: #737373;
}
.subnav .favorites-link,
.favorites-link:after {
    background: #737373;
}
.subnav .rs-link,
.rs-link:after {
    background: #737373;
}
.subnav .alert-link,
.alert-link:after {
    background: #737373;
}

.ink {
    display: none;
    position: absolute;
    background: rgba(255,255,255,0.9);
    border-radius: 100%;
    -webkit-transform:scale(2.5);
    -moz-transform:scale(2.5);
    -o-transform:scale(2.5);
    transform:scale(2.5);
    opacity: 1;
    z-index: 1;
}
.profile-link .ink {
    background: #e98e00;
}
.favorites-link .ink {
    background: #d41c5c;
}
.rs-link .ink {
    background: #8c25a5;
}
.alert-link .ink {
    background: #394aa9;
}
.animate {
    -webkit-animation:ripple 0.4s linear;
    -moz-animation:ripple 0.4s linear;
    -ms-animation:ripple 0.4s linear;
    -o-animation:ripple 0.4s linear;
    animation:ripple 0.4s linear;
    opacity: 1;
}

@-webkit-keyframes ripple {
    0% {opacity: 0; -webkit-transform: scale(0);}
    100% {opacity: 1; -webkit-transform: scale(2.5);}
}
@-moz-keyframes ripple {
    0% {opacity: 0; -moz-transform: scale(0);}
    100% {opacity: 1; -moz-transform: scale(2.5);}
}
@-o-keyframes ripple {
    0% {opacity: 0; -o-transform: scale(0);}
    100% {opacity: 1; -o-transform: scale(2.5);}
}
@keyframes ripple {
    0% {opacity: 0; transform: scale(0);}
    100% {opacity: 1; transform: scale(2.5);}
}
ul.menu li a.active .ink {
    display: block;
}

.uk-navbar-toggle {
    height: 52px;
    padding: 13px 10px;
}
.uk-navbar-toggle:before,
.uk-navbar-toggle:after {
    display: none;
}

.uk-navbar-toggle span {
    display: block;
    width: 30px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #ffffff;
    z-index: 1;
    -webkit-transform-origin: 4px 0px;
    transform-origin: 4px 0px;
    -webkit-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
.uk-navbar-toggle span:nth-last-child(2) {
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.uk-offcanvas .panel {
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}
nav {
    position: relative;
}
nav .line {
    display: none;
}
@media (min-width: 960px) {
    nav .line {
        background: #a3a3a3;
        width: 0;
        height: 5px;
        position: absolute;
        top: 47px;
        left: 0;
        display: block;
        z-index: 15;
        -webkit-transition: width 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275), left 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        -webkit-transition: width 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275), left 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        -moz-transition: width 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275), left 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        -o-transition: width 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275), left 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: width 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275), left 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    }
}

button.no-apprearance {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}
button.profile {
    text-align: center;
    font-family: "roboto_cr";
    font-size: 16px;
    line-height: 1em;
    color: #ffffff;
    width: 100%;
    outline: none;
    cursor: pointer;
}
html:not(.uk-touch) button.profile:hover img {
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: 0.52;
}
html:not(.uk-touch) button.profile:hover {
    color: #000000;
}
button.profile span {
    margin: 5px 0 15px;
    display: block;
}
.title-with-arrow {
    margin-top: 10px;
    display: inline-block;
    background: #ff9c1c;
    position: relative;
    height: 75px;
    padding: 0 25px 0 20px !important;
    line-height: 75px !important;
    margin-bottom: 10px;
}
.title-with-arrow:before {
    content: "";
    display: block;
    width: 116px;
    height: 75px;
    background: #ff9c1c;
    transform: translateX(-136px);
    margin: 0;
    padding: 0;
    position: absolute;
}
@media (min-width: 960px) and (max-width: 1219px) {
    .title-with-arrow:before {
        width: 145px;
        transform: translateX(-165px);
    }
}
.title-with-arrow:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 31px 0 31px 32px;
    border-color: transparent transparent transparent #ff9c1c;
    position: absolute;
    top: 0;
    left: 100%;
}

#prediction .title-with-arrow:after {
    display: none;
}
#prediction .title-with-arrow,
#prediction .title-with-arrow:before {
    /*background: rgba(0,0,0,0.65);*/
}
#prediction .title-with-icon {
    opacity: 1 !important;
}
#prediction .uk-overlay-panel {
    padding: 10px;
}
.favorites-link .title-with-arrow,
.favorites-link .title-with-arrow:before {
    background: #eb8dae;
}
.favorites-link .title-with-arrow:after {
    border-color: transparent transparent transparent #eb8dae;
}

.sub-menu .rs-link {
    width: 210px;
    position: absolute;
    top: 0;
    right: 0;
    height: 393px !important;
}
@media (min-width: 480px) {
    .sub-menu .rs-link {
        width: 210px;
    }
}
@media (min-width: 1220px) {
    .sub-menu .rs-link {
        width: 285px;
    }
}
.push {
/*    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;*/
    z-index: 1;
}

.profile-results > div {
    display: none;
    padding: 20px 0 !important;
}
@media (min-width: 768px) {
    .profile-results > div > ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}
.profile-results ul {
    list-style: none;
}
.subnav .subnav-item .profile-results > div a {
    padding: 8px 0 8px;
    margin: 0;
    color: #ffffff;
}
html:not(.uk-touch) .subnav .subnav-item .profile-results > div a:hover {
    color: #000000;
}
.subnav .subnav-item .profile-results > div a:before {
    content: "\f054";
    position: inline-block;
    padding-right: 5px;
    font-family: FontAwesome;
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    font-size: 0.9em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;    
}

.subnav a.uk-close {
    opacity: 1;
    margin: 0 5px 0 0;
}
.subnav a.uk-close:after {
    content: "\f057";
    font-size: 18px;
}

.subnav-item .rs-link .uk-grid a {
    display: block;
    height: 85px;
    width: 85px;
    border-radius: 100%;
    background: #ab47bc;
    font-size: 35px;
    line-height: 85px;
    margin: 15px auto;
    color: #ffffff;
    opacity: 0.8;
}
@media (min-width: 768px) {
    .subnav-item .rs-link .uk-grid a {
        height: 115px;
        width: 115px;
        line-height: 115px;
        margin: 5px auto 35px;
        font-size: 55px;
    }
}
.subnav-item .rs-link .uk-grid p.legend {
    color: #ab47bc;
    font-family: "roboto_cb";
    font-size: 24px;
}

html:not(.uk-touch) .subnav-item .rs-link .uk-grid a:hover {
    background: #7b1fa2;
    opacity: 1;
    color: #ffffff;
}


.wishlist-action .added {
    display: none;
}
.wishlist-action.added .added {
    display: block;
}
.wishlist-action.added .add {
    display: none;
}

.list-format {
    margin-left: -25px;
}
.list-format > div {
    padding-left: 25px;
    margin-bottom: 25px;
}


.subnav-item .favorites-link .uk-grid[data-uk-grid-match] {
    margin-top: 60px;
    margin-bottom: 50px;
}
@media (max-width: 1219px) {
    .subnav-item .favorites-link .title > div {
        width: 100%;
        height: 100%;
        display: block;
        background: rgba(255,255,255,0.4);
    }
}
@media (min-width: 1220px) {
    .subnav-item .favorites-link .title {
        height: 285px;
    }
    .subnav-item .favorites-link .title > div {
        width: 100%;
        height: 100%;
        display: block;
        background-image: url("../images/bookmark.png");
        background-repeat: no-repeat;
        background-size: contain;
    }
}
.subnav-item .favorites-link .title span {
    font-size: 24px;
    text-transform: uppercase;
    font-family: "roboto_cb";
    text-align: center;
    display: block;
    padding-bottom: 25px;
    padding-top: 25px;
}

.favorite-item-add .item-description {
    background: #ad1457;
}
.favorite-item-add .wishlist-infos {
    padding: 40px 10px 0 30px;
}
@media (max-width: 1220px) {
    .favorite-item-add .wishlist-action {
        padding: 20px 5px 0 5px;
    }
}
.favorite-item-add .wishlist-infos .wishlist-title {
    font-family: "roboto_cb";
    font-size: 1.41176470588235em;
    line-height: 1em;
}
.favorite-item-add .wishlist-infos .wishlist-resume {
    font-family: "roboto_cr";
    font-size: 1em;
    line-height: 1.2em;
}
@media (min-width: 1220px) {
    .favorite-item-add .wishlist-action {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
}
.favorite-item-add .wishlist-action a {
    color: #ffffff !important;
}
.favorite-item-add .wishlist-action i {
    font-size: 35px;
}
.favorite-item-add .wishlist-action p {
    margin-top: 0;
    font-family: "roboto_cl";
    font-size: 1.41176470588235em;
}
.list-format .uk-article a {
    color: #ffffff;
    text-shadow: 1px 1px rgba(0,0,0,0.5);
    text-decoration: none;
}
.list-format .uk-article img {
    margin-bottom: 5px;
}
.list-format .uk-article figure img {
    margin-bottom: 0;
}
.wishlist-items .uk-article a[data-itemid] {
    padding: 5px 7px;
}
.wishlist-items .uk-article a[data-itemid] i {
    font-size: 22px;
}
.list-format .uk-article .uk-article-title {
    font-family: "roboto_cr";
    font-size: 1.05882352941176em;
    line-height: 1em;
    margin-bottom: 2px;
}
.list-format .uk-article .uk-article-resume {
    font-family: "roboto_cr";
    font-size: 0.77777777777778em;
    line-height: 1em;
}

.favorite-item-image {
    display: none;
}
@media (min-width: 1220px) {
    .favorite-item-image {
        display: block;
    }
}

@media (max-width: 1219px) {
    .favorite-item-add > .uk-grid > div:nth-child(2) {
        display: none;
    }
}
@media (min-width: 1220px) {
    .favorite-item-add > .uk-grid > div:nth-child(1) {
        display: none;
    }
}

.alert-link i span {
    background: red;
    border-radius: 100%;
    font-size: 13px;
    height: 15px;
    width: 15px;
    line-height: 15px;
    font-family: "roboto_cb";
}
.menu-alert {
    display: none;
}
body.alert-enabled .menu-alert {
    display: block;
}

#search-items-container {
    background: rgba(255,255,255,0.8);
    /*padding-top: 25px;*/
    min-height: calc(100vh - 122px);
}
#search-items {
    margin-top: 5px;
}
#search-tags {
    margin-left: 0;
    margin-top: 5px;
    padding-left: 10px;
}
.search-suggest {
    margin: 2px 15px 5px 0px;
    font-size: 13px;
    background: #102e37;
    color: #ffffff !important;
    text-shadow: none;
    padding: 5px 5px;
    line-height: 1em;
    min-height: unset;
    font-family: "roboto_cl";
    border: 1px solid transparent !important;
    position: relative;
}
.search-suggest:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: -10px;
    width: 23px;
    height: 23px;
    transform: scale(0.707) rotate(-135deg);
    background: #102e37;
    box-shadow: 1px -1px 0 0 #102e37, 1px -1px 0 0 #102e37;
    border-radius: 0 10px 0 50px;
    vertical-align: top;
    z-index: 1;
}
.search-suggest:after {
    content: "";
    background: #aed581;
    position: absolute;
    top: 10px;
    left: -3px;
    width: 4px;
    height: 4px;
    display: block;
    z-index: 2;
    border-radius: 50%;
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.5);
}
.search-suggest span {
    position: relative;
    z-index: 2;
}
/*#search-items.list-format {
    margin-left: -25px;
}*/
#search-items.list-format > div {
    /*    padding-left: 25px;
        margin-bottom: 25px;*/
    min-height: 180px;
}
#search-items.list-format a {
    /*text-decoration: none;*/
    color: #000000;
    text-shadow: 1px 1px rgba(255,255,255,0.2);
}
#search-items.list-format .uk-article {
    margin: 3px 0 15px 0;
}
/*#search-items.list-format > div a .titre {
    font-family: "roboto_cb";
    font-size: 1.05882352941176em;
    line-height: 1em;
    margin-bottom: 2px;
}
#search-items.list-format > div a .resume {
    font-family: "roboto_cr";
    font-size: 0.77777777777778em;
    line-height: 1em;
}*/
.bg-white {
    background: #ffffff;
}
ul.primary {
    margin: 15px 5px 5px;
}

@media (min-width: 1512px) {
    body {
        background: #FFFFFE url(../images/background.jpg) repeat-y;
        background-attachment: fixed;
        background-position: top center;
    }
    .CD29:before, .CD29:after {
        content: "";
        position: absolute;
        top: 10px;
        right: 100%;
        width: 56px;
        height: 1111px;
        background: url(../images/page-border-left.png) no-repeat;
    }
    .CD29:after {
        left: 100%;
        right: auto;
        background: url(../images/page-border-right.png) no-repeat;
    }
}

.title-with-icon {
    opacity: 0.65;
    font-size: 30px;
    font-family: "roboto_cl";
    line-height: 1em;
    padding-bottom: 25px;
    padding-top: 20px;
}
.title-with-icon i {
    font-size: 30px;
    line-height: 1em;
}
#prediction .background {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#prediction .background-color {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #FF9C1C;
    opacity: 0.75;
}
#prediction {
    /*    background: #ffffff url(../images/background-recommendation.jpg) no-repeat;*/
    background-position: top center;
    background-size: cover;
    position: relative;
    /*color: #ffffff;*/
    /*margin-top: 46px;*/
}
#prediction .list-format .uk-article > a.media-link {
    position: relative;
    display: block;
}
html:not(.uk-touch) .list-format article a:hover,
html:not(.uk-touch) .list-format article:hover a {
    color: #000000;
    text-shadow: 1px 1px rgba(255,255,255,0.2);
}
html:not(.uk-touch) a.uk-close:hover {
    color: #000000;
}
#prediction .list-format .uk-article a.media-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/recommendation-item-shadow-inset.png) no-repeat;
    background-size: auto 80%;
    z-index: 3;
    opacity: 0.2;
}
#prediction .list-format .uk-article > a.media-link img {
    position: relative;
    z-index: 2;
}
#prediction .list-format .uk-article a.media-link:after {
    content: "";
    position: absolute;
    bottom: -11px;
    right: -22px;
    width: 100%;
    height: 100%;
    background: url(../images/recommendation-item-shadow-out.png) no-repeat;
    background-position: bottom right;
    background-size: auto 130px;
    z-index: 1;
    opacity: 0.2;
}
@media (min-width: 480px) {
    #prediction .list-format .uk-article a.media-link:after {
        bottom: -4px;
        right: -12px;
        background-size: auto 75px;
    }
}
@media (min-width: 768px) {
    #prediction .list-format .uk-article a.media-link:after {
        bottom: -14px;
        right: -26px;
        background-size: auto 155px;
    }
}
@media (min-width: 960px) {
    #prediction .list-format .uk-article a.media-link:after {
        bottom: -5px;
        right: -14px;
        background-size: auto 85px;
    }
}
@media (min-width: 1220px) {
    #prediction .list-format .uk-article a.media-link:after {
        bottom: -9px;
        right: -19px;
        background-size: auto 115px;
    }
}
#prediction .list-format .uk-article .uk-article {
    position: relative;
    z-index: 3;
}
#prediction .arrow {
    display: none !important;
    text-align: center;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 46px;
    background: #ffffff url(../images/recommendation-shadow-top.png) no-repeat;
    background-position: bottom center;
    background-size: auto 46px;
}
#prediction .arrow .triangle-top:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 28px 30px 28px;
    border-color: transparent transparent #646f65 transparent;
    -webkit-transform: translateY(16px);
    -moz-transform: translateY(16px);
    transform: translateY(16px);
}
.bottom-shadow {
    position: absolute;
    top: 0;
    left: 5%;
    height: 48px;
    width: 90%;
    background: url(../images/recommendation-shadow-bottom.png) no-repeat;
    background-position: top center;
    background-size: contain;
}

.uk-modal-caption {
    bottom: auto;
    white-space: normal;
    top: 100%;
}



footer div.mform input::placeholder,
footer div.mform input::-webkit-placeholder,
footer div.mform input::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 1;
}
footer div.mform input:focus::placeholder,
footer div.mform input:focus::-webkit-input-placeholder,
footer div.mform input:focus::-webkit-placeholder {
    color: #37474f;
    opacity: 1;
}

#footer-home-rs .rs-link {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
}
#footer-home-rs .rs-link i {
    border-radius: 50%;
    background: #eaeaea;
    font-size: 23px;
    line-height: 35px;
    text-align: center;
    height: 35px;
    width: 35px;
}
#footer-home-rs .no-media .uk-article {
    padding-top: 40px;
}
#footer-home-rs article {
    background: #ffffff;
    border: 1px solid #eaeaea;
}
#footer-home-rs .footer {
    background: #939393 !important;
    padding: 7px 0;
    text-align: center;
    font-size: 0.7em;
    line-height: 1.2em;
    margin-top: 5px;
}
#footer-home-rs .uk-article-resume {
    color: #000000;
    padding: 5px 10px;
    text-align: center;
    font-size: 0.87em;
    line-height: 1.5em;
    text-shadow: none;
    font-family: inherit;
}
#footer-home-rs .twitter .footer,
#footer-home-rs .twitter .rs-link i {
    background: #49c2df;
    color: #ffffff;
    text-shadow: none;
}
#footer-home-rs .facebook .footer,
#footer-home-rs .facebook .rs-link i {
    background: #3b589c;
    color: #ffffff;
    text-shadow: none;
}
#footer-home-rs .instagram .footer,
#footer-home-rs .instagram .rs-link i {
    background: #49c2df;
    color: #ffffff;
    text-shadow: none;
}
#footer-home-rs .footer p {
    padding: 0;
    margin: 0;
}
#footer-home-rs .footer p .time {
    text-transform: lowercase;
}
#footer-home-rs .loader {
    margin-bottom: 20px;
}

/* ********************************* */
/* 28/02/18 */
.title-with-icon.uk-text-center {
    opacity: 1;
    color: #616161;
    padding-bottom: 45px;
}

.push .title-with-icon {
    opacity: 1;
    color: #ffffff;
    padding-bottom: 15px;
    font-size : 20px;
}

.push .title-with-icon.uk-text-center i {
    font-size : 40px;
    display : inline-block;

}

.title-with-icon.uk-text-center i {
    display: block;
    margin: 5px 0 15px 0;
    font-size: 60px;
}

.padding-top-bottom {
    padding-top: 35px;
    padding-bottom: 65px;
}

.title-with-icon.uk-text-center span {
    font-size: 36px;
    font-family: "roboto_cl";
    color: #616161;
}

#contenu-page > .uk-container {
    /*background: #ffffff;
    background: -moz-linear-gradient(-60deg, #ffffff 0%, #ffffff 30%, #e5e5e5 100%);
    background: -webkit-linear-gradient(-60deg, #ffffff 0%,#ffffff 30%,#e5e5e5 100%);
    background: linear-gradient(120deg, #ffffff 0%,#ffffff 30%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 );
    */
}
.limit-text-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


div[class*="section-border"] {
    color: #000000;
}
div[class*="section-border"] .border {
    height: 5px;
    width: 450px;
    max-width: 60%;
    margin: 0 auto;
}
div[class*="section-border"].no-border .border {
    display: none;
}
div[class*="section-border"] .uk-button.styled {
    height: 40px;
    width: 250px;
    text-shadow: none;
    font-family: "roboto_cr";
    line-height: 40px;
    color: #ffffff;
}
div[class*="section-border"] .uk-button.styled i {
    opacity: 0.8;
    margin-right: 10px;
    font-size: 1.2em;
}
.section-border-nav .border,
.section-border-nav .uk-button.styled {
    background-color: #102e37;
}
html:not(.uk-touch) .section-border-nav .uk-button.styled:hover {
    color: #102e37;
    background-color: transparent;
}
.section-border-nav .title-with-icon i {
    color: #102e37;
}
.section-border-map .border,
.section-border-map .uk-button.styled {
    background-color: #102e37;
}
html:not(.uk-touch) .section-border-map .uk-button.styled:hover {
    color: #102e37;
    background-color: transparent;
}
.section-border-map .title-with-icon i {
    color: #102e37;
}
.section-border-contact .border,
.section-border-contact .uk-button.styled {
    background-color: #607c8a;
}
html:not(.uk-touch) .section-border-contact .uk-button.styled:hover {
    color: #607c8a;
    background-color: transparent;
}
.section-border-contact .title-with-icon i,
.section-border-contact h3 {
    color: #607c8a;
}
.section-border-user .border,
.section-border-user .uk-button.styled {
    background-color: #e98e00;
}
html:not(.uk-touch) .section-border-user .uk-button.styled:hover {
    color: #e98e00;
    background-color: transparent;
}
.section-border-user .title-with-icon i {
    color: #e98e00;
}
.section-border-rs .border,
.section-border-rs .uk-button.styled {
    background-color: #8c25a5;
}
html:not(.uk-touch) .section-border-rs .uk-button.styled:hover {
    color: #8c25a5;
    background-color: transparent;
}
.section-border-rs .title-with-icon i {
    color: #8c25a5;
}
@media (min-width: 960px) {
    .section-border-tourisme .title-with-icon {
        padding-top: 7%;
    }
}
@media (max-width: 479px) {
    .section-border-tourisme .title-with-icon {
        padding-bottom: 5px;
    }
    .section-border-tourisme .title-with-icon.uk-text-center span {
        font-size: 25px;
    }
}
.section-border-tourisme .title-with-icon.uk-text-center span,
.section-border-tourisme .title-with-icon i {
    color: #e94e1b;
}
.section-border-tourisme a.btn {
    color: #e94e1b;
    border-color: #e94e1b;
    background: rgba(255,255,255,0.7);
}
html:not(.uk-touch) .section-border-tourisme a.btn:hover {
    background: #e94e1b;
    color: #ffffff;
    border: 1px solid #ffffff;
}


.section-border-nav .uk-text-center + .list-format {
    margin-top: 25px;
}
.section-border-nav .filters {
    display: inline-block;
    text-transform: uppercase;
}
.section-border-nav li a {
    color: #616161;
    border-radius: 0;
    padding: 0 3px;
    box-shadow: none !important;
    background: none !important;
    border: 1px solid #616161;
    font-family: "roboto_cl";
}
.uk-subnav-pill > * > :hover, .uk-subnav-pill > * > :focus,
.section-border-nav li.uk-active a {
    color: #ffffff !important;
    border: 1px solid #102e37;
    background: #102e37 !important;
}


#home-agenda .uk-overlay-background {
    /*    background: rgba(255, 255, 255, 0.75);
        color: #000000;
        text-shadow: none;*/
    background: linear-gradient(100deg,rgba(191, 185, 185, 0.7803921568627451),#ffffff);
    color: #464545;
    text-shadow: none;
}
.list-format .uk-article.borders {
    border: 1px solid #eaeaea;
}

#home-agenda .uk-overlay-panel {
    bottom: 15px;
    left: 15px;
    padding: 10px 15px;
}

#home-actus .uk-article-category {
    color: #ffffff;
    text-shadow: none;
    font-family: "roboto_cl";
    font-size: 0.8em;
    margin-bottom: 5px;
    line-height: 1.2em;
    position: absolute;
    top: 10px;
    right: 0;
    background: rgba(0,0,0,0.7);
    padding: 5px;
    text-align: right;    
}
#home-actus .uk-article-title,
#home-actus .uk-article-resume {
    color: #000000;
    text-shadow: none;
    padding: 5px 10px;
}
#home-actus .uk-article-title {
    font-size: 1.23529411764706em;
    margin: 0;
}
#home-actus .uk-article-resume {
    font-family: inherit;
    font-size: 0.94117647058824em;
    line-height: 1.2em;
}

.uk-article .plus-link {
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
}
.uk-article .plus-link .plus {
    visibility: hidden;
    opacity: 0;
    height: 30px;
    width: 30px;
    background: #102e37;
    border-radius: 50%;
    margin: 0 auto;
    line-height: 33px;
    text-align: center;
    color: #ffffff;
    text-shadow: none;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
html:not(.uk-touch) .uk-article:hover .plus-link .plus {
    visibility: visible;
    opacity: 1;
}
#home-actus .uk-article {
    padding-bottom: 15px;
    height: calc(100% - 15px);
}
.shadow-hover {
    -webkit-transition: box-shadow 250ms ease-in-out;
    -moz-transition: box-shadow 250ms ease-in-out;
    -ms-transition: box-shadow 250ms ease-in-out;
    -o-transition: box-shadow 250ms ease-in-out;
    transition: box-shadow 250ms ease-in-out;
    display: block;
}
.shadow.shadow-hover {
    box-shadow: 0 0 25px rgba(0,0,0,0.3);
}
html:not(.uk-touch) .shadow-hover:hover {
    box-shadow: 0 0 25px rgba(0,0,0,0.6);
}

.section-border-contact .uk-article-title {
    font-family: "roboto_cr";
}

.section-border-contact .title-with-icon.uk-text-center {
    padding-bottom: 0;
}


.shadow-line {
    height: 30px;
    width: 90%;
    margin: 0 auto;
    background: url(../images/shadow-line.png) no-repeat;
    background-size: contain;
    background-position: bottom center;       
}
.shadow-line.invert {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-position: top center;
}
.map-switcher button {
    font-family: "roboto_cl";
}
#artefact {
    color: #282828;
    position: absolute;
    bottom: 0;
    right: 0;
}

.mosaic-grid {
    margin-top : 0!important;
}
.mosaic-con-col > div {
}

@media (min-width : 768px) {
    .mosaic-grid {
        margin-left: -116px;
        margin-right: -116px;
        /* padding: 0; */
    }
    .mosaic-img-col {
        /* padding-left: 30px; */
    }
    .mosaic-con-col {
        padding-left: 30px;
    }
    .mosaic-con-col {
        padding-right: 30px;
    }
}

.mosaic-con-col {
    padding-top: 115px;
    padding-bottom: 100px;
    box-sizing: border-box;
}
a.mosaic-img-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@media (max-width : 979px) {
    #home-actus,
    .mosaic-grid {
        margin-left: -25px;
        margin-right: -25px;
    }
    .mosaic-img-col {
        /* padding-left: 30px; */
    }
}
@media (min-width: 980px) and (max-width : 1219px) {
    #home-actus,
    .mosaic-grid {
        margin-left: calc(calc(930px - 100vw) / 2);
        margin-right: calc(calc(930px - 100vw) / 2);
    }
}
@media (min-width: 1220px) and (max-width : 1350px) {
    #home-actus,
    .mosaic-grid {
        margin-left: -35px;
        margin-right: -35px;
    }
}
@media (min-width: 1351px) and (max-width : 1511px) {
    #home-actus,
    .mosaic-grid {
        margin-left: calc(calc(1280px - 100vw) / 2);
        margin-right: calc(calc(1280px - 100vw) / 2);
    }
}
@media (min-width: 1512px) {
    .mosaic-con-col {
        padding-left: 35px;
        padding-right: 35px;
    }
    #home-actus,
    .mosaic-grid {
        margin-left: -116px;
        margin-right: -116px;
    }
}

.mosaic-grid {
    /* background: linear-gradient(123deg,#e0f2f1,#ffffff); */
    /* max-width: 100vw; */
}

.mosaic-grid > div {
    min-height: 480px;
    padding: 0;
}

.mosaic-grid h2 {
    text-align: center;
    font-family: roboto_cr;
    color: #558b2f;
    font-size: 48px;
    margin-bottom: 50px;
    line-height: 1.1em;
    padding: 0 15px;
}

.mosaic-grid p {
    font-size: 18px;
    padding: 10px 35px 35px 35px;
    line-height: 34px;
    text-align: justify;
    hyphens: auto;
}

a.btn {
    display: block;
    margin: 0 auto;
    width: 230px;
    border: 1px solid #8bc34a;
    text-align: center;
    text-transform: uppercase;
    max-width: 65%;
    font-size: 18px;
    padding: 10px;
}
@media (min-width: 480px) {
    a.btn {
        padding: 12px 20px;
        font-size: 20px;
    }
}
@media (min-width: 768px) {
    a.btn {
        padding: 24px 40px;
        font-size: 25px;
    }
}
html:not(.uk-touch) a.btn:hover {
    background: #ffffff;
    border: 1px solid #102e37;
    color : #102e37;
}
a.btn.external {
    background: #8bc34a;
    border: 1px solid #8bc34a;
    color : #ffffff;
}
html:not(.uk-touch) a.btn.external:hover {
    background: rgba(255,255,255,0.8);
    border: 1px solid #8bc34a;
    color : #8bc34a;
}
.push {
    color: #000000;
}
.push img {
    margin: 10px 0 !important;
}
.push a {
    background: #102e37;
    color: #ffffff;
    font-size: 25px;
    border-color: #ffffff;
    margin-bottom: 0;
    padding: 10px;
}
@media (min-width: 1220px) {
    .push a {
        margin-bottom: 30px !important;
        font-size: 18px;
        padding: 15px;
    }
}

.push .uk-article-title {
    padding: 15px 10px 0 0;
    font-family: "roboto_cr";
    font-size: 35px;
}
.push .uk-article-resume {
    padding: 0 10px 10px 0;
    hyphens: auto;
}
@media (max-width: 1219px) {
    .push .uk-article-title,
    .push .uk-article-resume {
        padding-left: 15px;
    }
}

.bg-grad1 {
    background: linear-gradient(-123deg,#e0f2f1,#ffffff);
}
.bg-grad1.uk-pull-1-2 {
    background: linear-gradient(123deg,#f9fbe7,#ffffff);
}

.no-results h2 {
    font-family: "roboto_cb";
}
.all-sites {
    display: inline-block;
    font-size: 0.8em;
}

.node-type-content-home #home-actus {
    background: #f2f2f2;
}

.map-container .loader {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    z-index: 99;
    padding-top: 310px;
}
.uk-button-filter {
    background: #102e37;
    color: #ffffff;
    border: 1px solid #dddddd;
    height: 37px;
    width: 100%;
    text-shadow: none;
    text-transform: uppercase;
}

.agenda_filters input.uk-reset {
    float: right;
    border: none;
    color: #AFAFAF;
    font-size: 0.8em;
    text-decoration: underline;
    background: none;
}

#glossaire {
    padding-top: 35px;
}
audio {
    width: 100%;
    margin: 40px 0 0 0;
}
.uk-button-previous, .uk-button-next {
    margin-top: 15px;
}

.notation {
    display: inline-block;
    width: 120px;
    direction: rtl;
}
.notation i {
    color: #dcdcdc;
    float: right;
    font-size: 1.5em;
    transition: color .4s;
}
.notation[data-selected-value="0"] i {
    cursor: pointer;
}
.notation[data-selected-value="0"] i:hover,
.notation[data-selected-value="0"] i:focus,
.notation[data-selected-value="0"] i:hover ~ i,
.notation[data-selected-value="0"] i:focus ~ i {
    color: orange;
}

.notation[data-selected-value="1"] i:nth-child(5) {
    color: orange;
}
.notation[data-selected-value="2"] i:nth-child(5),
.notation[data-selected-value="2"] i:nth-child(4) {
    color: orange;
}
.notation[data-selected-value="3"] i:nth-child(5),
.notation[data-selected-value="3"] i:nth-child(4),
.notation[data-selected-value="3"] i:nth-child(3) {
    color: orange;
}
.notation[data-selected-value="4"] i:nth-child(5),
.notation[data-selected-value="4"] i:nth-child(4),
.notation[data-selected-value="4"] i:nth-child(3),
.notation[data-selected-value="4"] i:nth-child(2) {
    color: orange;
}
.notation[data-selected-value="5"] i {
    color: orange;
}
html.uk-touch .uk-tooltip {
    display: none !important;
}

@media (min-width: 960px) {
    .module .uk-slidenav-position .uk-slidenav {
        display: block;
    }
}

.uk-dotnav.uk-flex-right {
    padding-right: 5px;
}
.uk-dotnav-contrast.grey > .uk-active > * {
    background: rgba(125, 125, 125, 0.9);
}
.uk-dotnav.grey > .uk-active > * {
    background: rgba(50, 50, 50, 0.4);
}
.uk-dotnav-contrast.grey > * > * {
    background: rgba(125, 125, 125, 0.4);
}
.uk-dotnav.grey > * > * {
    background: rgba(50, 50, 50, 0.1);
}
.uk-dotnav-contrast.grey > * > :hover, 
.uk-dotnav-contrast.grey > * > :focus {
    background: rgba(125, 125, 125, 0.7);
}

.MP04 {
    margin-bottom: 40px;
}
ul.uk-dotnav.under {
    bottom: -45px;
}

.ui-datepicker-unselectable > span {
    opacity: 0.6;
}

.uk-form input[type="radio"], .uk-form input[type="checkbox"] {
    margin-top: 0;
}

/*@media (max-width: 479px){
    .g-recaptcha iframe {
        max-width: 100%;
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin: center center;
        -webkit-transform-origin: center center;
    }
    #rc-imageselect {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}

@media(min-width: 480px){
    .g-recaptcha iframe {
        max-width: none;
        transform: none;
        -webkit-transform: none;
    }
    #rc-imageselect {
        transform: none;
        -webkit-transform: none;
    }
}

.g-recaptcha > div > div{
    margin: 4px auto !important;
    text-align: center;
    width: auto !important;
    height: auto !important;
}*/

.CD30 > .uk-container {
    margin-top: -45px;
    position: relative;
}
.CD30 .uk-grid + .uk-grid {
    margin-top: 0;
}
.CD30 h2 {
    display: inline-block;
    margin: 0 0 -10px;
    padding: 0 25px;
    text-transform: uppercase;
    font-family: 'roboto_cl';
    font-size: 1em;
    color: #757575;
    letter-spacing: 2px;
}
.CD30 .items {
    width: 100%;
    padding: 10px 0 10px 10px;
    background: #ffffff;
}
.CD30 .items > div > div {
    margin-bottom: 10px;
}
.CD30 .item figure {
    display: block;
    height: 100%;
}
.CD30 .item {
    display: block;
    background: linear-gradient(to bottom right, #518bcb, #8acffa);
    height: 115px;
}
.CD30 .item .uk-overlay-panel {
    padding: 0 0 0 15px;
}
.CD30 .item .uk-overlay-panel .title {
    background: rgba(0,0,0,0.8);
    padding: 3px 20% 3px 5px;
    font-family: 'roboto_cl';
    font-size: 0.9em;
}

.CD30.predict .item .uk-overlay-panel {
    padding: 0 0 15px 15px;
}

.CD30.predict .item .uk-overlay-panel .title {
    padding: 0;
    width: 100%;
    min-height: 30px;
    position: relative;
}
.CD30.predict .item .uk-overlay-panel .title span {
    position: absolute;
    bottom: 5px;
    right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 20px);
}

table, .uk-table {
    margin-bottom: 15px !important;
    border: 1px solid #dddddd;
}

.MP04 li iframe {
    width: 100% !important;
}
.MP10 .title {
    font-size: 20px;
    font-family: "roboto_cb";
    margin-bottom: 5px;
}
.MP10 .description {
    font-size: 17px;
    font-family: "roboto_cl";
    margin-top: 5px;
    margin-bottom: 5px;
}
.MP10 .uk-overlay-icon.small:before {
    font-size: 50px;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;    
}
.MP10 .uk-overlay-icon.big:before {
    font-size: 90px;
    width: 90px;
    height: 90px;
    margin-top: -45px;
    margin-left: -45px;    
}
.MP10 > .small > * {
    height: 366px;
    display: block;
}
.MP10 > .medium > * {
    height: 466px;
    display: block;
}
.MP10 > .big > * {
    height: 566px;
    display: block;
}

footer div.mform.mform-sms {
    line-height: 85px;
}

footer div.mform.mform-sms .uk-form-controls > .form-radios {
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 1em;
    margin: 0;
    position: absolute;
    top: 2px;
    left: 80px;
}

footer div.mform.mform-sms .uk-form-controls > .form-radios li {
    display: inline-block;
    position: relative;
    width: auto;
}

footer div.mform.mform-sms .uk-form-controls > .form-radios li label {
    color: #ffffff;
}
footer div.mform.mform-sms .uk-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    text-align: center;
    background: rgba(0,0,0,0.7);
    z-index: 2;
}
footer div.mform.mform-sms form.wait .uk-overlay {
    display: block;
}
footer .mform-sms .uk-form-controls.inline-block > * {
    line-height: 1.5em;
}
body.print {
    padding: 15px;
    background: none;
}
body.print.node-type-content-home #home-actus {
    background: none;
}
body.print .section-actus .masonry-item {
    width: 50%;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    float: left;
}
body.print .masonry-grp {
    height: auto !important;
    overflow: visible;
}
body.print .masonry-grp > div {
    width: 50%;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    float: left;
}
.isotope-items {
    margin-left: 0 !important;
}
body.print .isotop-items {
    height: auto !important;
    display: inline;
}
body.print .cd16,
body.print .rs-bloc,
body.print .bg-grad1 {
    background: none !important;
}
body.print .uk-grid {
    display: block !important;
    flex-wrap: unset;
}
body.print #home-agenda .list-format > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    float: left;
}
#print {
    font-size: 0.7em;
    vertical-align: middle;
}
.MP23 a i { font-size:18px; padding:5px 15px; }

html.embed #header, html.embed footer, html.embed #print {
    display: none;
}
html.embed #breadcrumb {
    visibility: hidden;
}