
body {
    /*min-width: 320px;*/
    -ms-overflow-style: scrollbar;
}
a {
    color: #003ca9;
}

.clear {
    display: block;
    clear: both;
}

.wrapper { overflow: hidden; }
.logo {
    float: left;
    background: url(../images/logo.png) no-repeat;
    width: 105px;
    height: 69px;
    overflow: hidden;
    margin: 11px 5px 6px 15px;
    text-indent: -9999px;
}
.logo a {
    display: block;
    height: 100%;
    text-indent: -5000px;
}
.slogan{
    position:absolute;
    top:22px;
    left:142px;
    color:#a09d9d;
    font-size:17px;
    line-height:19px;
}
.slogan span{
    display:block;
    color:#64a0c8;
    font-size:28px;
    line-height:30px;
    margin:0 0 4px;
}
#header {
    z-index: 1800;
    position: relative;
    height: 90px;
}

#header::before {
    background: #eeefef;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
}

#header .row,
#header .navbar-default,
#header .navbar-header {
    height: 100%;
}

@media print {
    #header {
        display: none;
    }
}
#header:after {
    clear: both;
    display: block;
    content: "";
}

#header .social-networks span:before {
    background: url(../images/sprite.png) no-repeat -76px 0;
    width: 11px;
    height: 23px;
    margin: 0 auto 8px;
    content: "";
    display: block;
}

#header .social-networks span.email:before {
    background-position: -23px 0;
    width: 26px;
    margin: 4px auto 4px;
}

.navbar-collapse { padding: 0; }
.navbar-default {
    border: 0;
    float: left;
    position: relative;
    width: 100%;
    margin: 0;
}
/*.navbar-default .holder {
	float: left;
	padding: 11px 22px 6px 0;
}*/
.inner #header{
    padding-bottom:70px;
    border:0;
}
/*.inner .navbar-default .nav{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:27px 0 23px;
	border-top:1px solid #c9deec;
}*/

.ui-helper-hidden-accessible {
    display: none;
}
/*#header .navbar-form .form-control {
	border: 0;
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	text-align: right;
	font: 10px/13px Arial, sans-serif;
	font: 12px/15px Arial, sans-serif;
	padding: 3px 8px;
	display: block;
	height: 19px;
	width: 100%;
	color: #353535
}*/
#header .navbar-form input.form-control::-webkit-input-placeholder{
    color: #909090;
    font-style: italic;
}
#header .navbar-form input.form-control:-moz-placeholder{
    color: #909090;
    font-style: italic;
}
#header .navbar-form input.form-control::-moz-placeholder{
    color: #909090;
    font-style: italic;
}
#header .navbar-form input.form-control:-ms-input-placeholder {
    color: #909090;
    font-style: italic;
}

/*.navbar-form .form-group {
	padding: 3px;
	overflow: hidden;
	display: block;
	margin: 0;
}
#header .navbar-form .btn-default {
	background: url(../images/sprite.png) no-repeat -122px 0;
	width: 25px;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	padding: 0;
	float: right;
	margin: 0 6px 0 0;
	border: 0;
}*/
.navbar-default .navbar-nav {
    font-size: 14px;
    position: static;
    font-weight: 700;
    text-transform: uppercase;
    padding: 46px 10px 0 0;
}
.navbar-default .navbar-nav > li { position: static; }
.navbar-default .navbar-nav > li > a {
    padding: 0;
    float: left;
}
.navbar-default .navbar-nav > li + li:before {
    content: "/";
    margin: 0 10px;
    float: left;
}
.navbar-default .navbar-nav > li > a.home {
    background: url(../images/sprite.png) no-repeat;
    width: 22px;
    height: 17px;
    overflow: hidden;
    text-indent: -9999px;
    margin: -3px 0 0;
}
.inner .navbar-default .navbar-nav > li > a.home{
    margin-left:35px;
}
.navbar-default .navbar-nav > li > a.home:hover,
.navbar-default .navbar-nav > li > a.home:focus,
.navbar-default .navbar-nav > li.active > a.home { background-position: 1px -62px; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { background: none; }
.navbar-nav > li > .dropdown-menu {
    box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 -9999px;
    position: absolute;
    clear: both;
    padding: 0 9999px;
    background: #003c69;
    color: #FFF;
    float: none;
    font-size: inherit;/*12px;*/
    letter-spacing: 0.4px;
    word-spacing: 2px;
    line-height: 15px;
    width: auto;
    overflow: hidden;
}
.navbar-nav > li > .dropdown-menu:after {
    clear: both;
    display: block;
    content: "";
}
.navbar-nav > li > .dropdown-menu .frame {
    width: 1280px;
    margin: 0 auto;
    background: #003c69;
    padding: 13px 10px 8px 170px;
    overflow: hidden;
}
.inner .navbar-nav > li > .dropdown-menu .frame{
    padding: 13px 10px 8px 78px;
}
.navbar-nav > li > .dropdown-menu .menu {
    float: left;
    width: 27.7%;
    margin: 0;
    padding: 0 10px 0 0;
    list-style: none;
}
.navbar-nav > li > .dropdown-menu .menu li { padding: 0 0 5px; }
.navbar-nav > li > .dropdown-menu .menu li a {
    color: #fff;
    padding: 5px;
    display: block;
}
.navbar-nav > li > .dropdown-menu .menu li a:hover,
.navbar-nav > li > .dropdown-menu .menu li a:focus {
    background: #77a1d3;
    text-decoration: none;
}
.intro-area { border-bottom: 1px solid #003c69; }
.inner .intro-area{
    border:0;
}
.intro-area .box-holder{
    float:right;
    width:16.7%;
}
.intro-area .item-box{
    height:263px;
    font-size:21px;
    line-height:24px;
}
.intro-area .item-box a{
    padding:30px 28px 0;
    vertical-align:top;
}
.intro-area .item-box a:before{
    bottom:40px;
    left:50%;
    top:auto;
    margin-left:-36px;
    width:72px;
    height:64px;
    background:url(../images/sprite.png) no-repeat -111px -133px;
}
.intro-area .item-box.fonds a:before{
    width:55px;
    height:53px;
    margin-left:-27px;
    background-position:-186px -133px;
    bottom:33px;
}
.intro-area .item-box a:after{
    width:44px;
    height:42px;
    background:url(../images/sprite.png) no-repeat -245px -133px;
}
.carousel {
    float: left;
    width: 793px;
}
.inner .carousel{
    width:83.3%;
}
.carousel .paging-holder {
    position: absolute;
    right: 10px;
    max-width: 200px;
    /* z-index: 5; */
    z-index: 15;
    padding: 0 48px 0 0;
    bottom: 13px;
}
.carousel .paging-holder .btn-area {
    float: right;
    position: relative;
}
.carousel .paging-holder .btn-area .btn {
    position: absolute;
    right: -48px;
    top: 3px;
    border-radius: 1px;
    width: 28px;
    height: 28px;
    border: 1px solid #ecf2f6;
    background: #fff;
    color: #003c69;
    overflow: hidden;
    text-indent: -999px;
    padding: 0;
    display: none;
}
.carousel .paging-holder .btn-area .btn-pause { display: block; }
.carousel .paging-holder .btn-area .btn-play {
    background: #64a0c8;
    border: 1px solid #5a90b3;
}
.carousel .paging-holder .btn-area .btn-play:after,
.carousel .paging-holder .btn-area .btn-pause:after {
    background: url(../images/sprite.png) no-repeat -239px -76px;
    width: 15px;
    height: 18px;
    content: "";
    margin: -19px auto 0;
    display: block;
}
.carousel .item img {
    display: block;
    width: 100%;
    height: auto;
}
.carousel .paging-holder .btn-area .btn-play:after { background-position: -208px -76px; }
.carousel .carousel-indicators {
    position:relative;
    z-index:10;
    left:auto;
    bottom:auto;
    margin: 7px 0 0;
    width: auto;
    overflow: hidden;
}
.carousel .carousel-indicators li {
    margin: 0 0 0 4px;
    width: 12px;
    background: #003c69;
    height: 12px;
    border-radius: 100%;
}
.carousel .carousel-indicators li a span {
    display: none;
}
.carousel .carousel-indicators li.active {
    background: #fff;
    border: 1px solid #003c69;
    width: 12px;
    height: 12px;
}
.carousel .carousel-caption {
    left: 0;
    right: auto;
    text-align: left;
    text-shadow: none;
    width: 49%;
    background: #003c69;
    background: rgba(0,60,105,0.7);
    padding: 11px 30px 11px 46px;
    min-height: 94px;
    bottom: 21px;
}
.inner .carousel .carousel-caption{
    width:50.5%;
}
.carousel .carousel-caption:after {
    left: 100%;
    top: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: rgba(0,60,105,0.7);
    border-width: 0 0 95px 40px;
    margin-top: 0;
}
.carousel .carousel-caption span{
    color:#e17000;
    font-size:12px;
    font-weight:bold;
}
.carousel .carousel-caption .date {
    display: block;
    margin: 0 0 4px;
}
.carousel .carousel-caption h2 {
    font-size: 24px;
    line-height: 26px;
    margin:0;
    font-weight: 700;
    position:relative;
    z-index:1;
}
.inner .carousel .carousel-caption h2{
    margin: 0 -20px 8px 0;
}
.carousel .carousel-caption h2 a { color: #fff; }
.carousel .carousel-control.right,
.carousel .carousel-control.left {
    background: url(../images/sprite.png) no-repeat -39px -29px;
    width: 12px;
    height: 24px;
    overflow: hidden;
    z-index: 500;
    top: 50%;
    margin: -12px 0 0;
    left: 11px;
    opacity: 1;
    text-indent: -9999px;
}
.carousel .carousel-control.right {
    left: auto;
    right: 11px;
    background-position: -73px -29px;
}
.map-area {
    float: right;
    width: 487px;
    position: relative;
}
.map-area .map { overflow: hidden; }
.map-area .map .map-img {
    display: block;
    width: 100%;
    /*height: auto;*/
    /*height: 419px;*/
    cursor: pointer;
}
.map-area .location,
.map-holder .location {
    line-height: 1;
    position: absolute;
    left: 18px;
    bottom: 68px;
    text-align: left;
    color: #003c69;
    text-transform: uppercase;
    width: 150px;
}
.map-area .location:before,
.map-holder .location:before {
    background: url(../images/sprite.png) no-repeat -308px -26px;
    width: 42px;
    height: 35px;
    content: "";
    float: left;
}
.map-area .access {
    position: absolute;
    left: 0;
    width: 100%;
    background: #f4f4f4;
    top: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    z-index: 5;
    padding: 6px 9px;
    line-height: 11px;
    box-shadow: -1px 1px 2px 0 rgba(16,18,17,0.3);
}
.map-area .access h2 {
    font-size: 11px;
    color: #003c69;
    line-height: 14px;
    margin: 0 0 16px;
}
.map-area .access ul {
    margin: 0;
    list-style: none;
    padding: 0;
    overflow: hidden;
    display:block !important;
    min-height:80px;
}
.map-area .access ul.collapse.in{
    height:auto !important;
}
.map-area .access ul.collapse{
    height:80px !important;
}
.map-area .access ul li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    font-weight: 700;
    background: #f4f4f4;
    margin: 0 -2px 0 0;
    padding: 0 10px 20px;
    color: #003c69;
}
.map-area .access ul li .icon {
    display: block;
    margin: 0 auto 2px;
    background: #003c69;
    width: 41px;
    height: 42px;
    border-radius: 100%;
    padding: 6px 0;
}
.map-area .access ul li a:hover .icon,
.map-area .access ul li a:focus .icon {
    background: #64a0c8;
}
.map-area .access ul li .icon img {
    display: block;
    margin: 0 auto;
    padding-top: 2px;
}
.map-area .access ul li a {
    display: block;
    color: #003c69;
}
.map-area .access ul li a:hover,
.map-area .access ul li a:focus {
    text-decoration: none;
    color: #64a0c8;
}
.map-area .access .opener {
    background: #f4f4f4;
    position: absolute;
    left: 50%;
    width: 48px;
    bottom: 0;
    font-size: 35px;
    margin: 0 0 0 -23px;
    height: 25px;
    text-decoration: none;
    text-indent: -9999px;
}
.map-area .access .opener:focus { outline: none; }
.map-area .access .opener .closed,
.map-area .access .opener .opened {
    background: url(../images/sprite.png) no-repeat -18px -33px;
    width: 18px;
    height: 18px;
    margin: 15px auto 0px;
}
.map-area .access .opener .opened {
    background-position: 0 -33px;
    margin-top: 14px;
    display: none;
}
.map-area .access .opener.collapsed .opened { display: block; }
.map-area .access .opener .closed { display: block; }
.map-area .access .opener.collapsed .closed { display: none; }
.map-area .access .opener:before {
    content: "";
    background: #f4f4f4;
    border-radius: 100%;
    width: 41px;
    height: 41px;
    position: absolute;
    bottom: -19px;
    left: 4px;
    z-index: -1;
    box-shadow: 0 1px 2px 0 rgba(16,18,17,0.3);
    -webkit-box-shadow: 0 1px 2px 0 rgba(16,18,17,0.3);
}
#main {
    position: relative;
    padding-top: 6px;
    padding-bottom: 13px;
}
@media (min-width: 1024px) {
    .banner.inactive + #main {
        padding-top: 26px;
    }
}
#main.container {
    padding-top: 0;
}
.events {
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 25px;
}
.events .header {
    float: left;
    width: 210px;
    background: #f4f4f4;
    position:relative;
}
.events .header .holder{
    padding: 29px 5px 50px 45px;
}
.events .btn-area {
    position: absolute;
    right: 5px;
    bottom: 4px;
}
.events .btn-area .btn-next,
.events .btn-area .btn-prev,
.discoveries .btn-area .btn-next,
.discoveries .btn-area .btn-prev,
.pager .btn-next,
.pager .btn-prev {
    background: #d7e3eb;
    border: 1px solid #e6ecf0;
    border-radius: 2px;
    width: 37px;
    height: 37px;
    overflow: hidden;
    text-indent: -9999px;
    position: relative;
    float: left;
    margin: 0 0 0 4px;
}
.events .btn-area .btn-next,
.events .btn-area .btn-prev{ background-color: #64a0c8; }
.events .btn-area .btn-next.disabled,
.events .btn-area .btn-prev.disabled{
    background: #d7e3eb;
    border: 1px solid #e6ecf0;
}
.discoveries .btn-area .btn-next,
.discoveries .btn-area .btn-prev {
    background-color: #e17000;
    border-color: #ebb682;
}
.pager .btn-next:hover,
.pager .btn-prev:hover,
.pager .btn-next:focus,
.pager .btn-prev:focus { background-color: #64a0c8; }
.discoveries .btn-area .btn-next.disabled,
.discoveries .btn-area .btn-prev.disabled {
    background: #f0dac3;
    border-color: #f2e8dd;
}
.events .btn-area .btn-next.disabled,
.events .btn-area .btn-prev.disabled,
.discoveries .btn-area .btn-next.disabled,
.discoveries .btn-area .btn-prev.disabled {
    cursor: default;
}
.events .btn-area .btn-next:after,
.events .btn-area .btn-prev:after,
.discoveries .btn-area .btn-next:after,
.discoveries .btn-area .btn-prev:after,
.pager .btn-next:after,
.pager .btn-prev:after {
    background: url(../images/sprite.png) no-repeat -242px -47px;
    width: 9px;
    height: 13px;
    margin: -6px auto 0;
    content: '';
    display: block;
}
.discoveries .btn-area .btn-next.disabled:after { background-position: -226px -47px; }
.events .btn-area .btn-prev:after,
.pager .btn-next:after { background-position: -258px -47px; }
.discoveries .btn-area .btn-prev.disabled:after,
.events .header .paging .btn-prev:after { background-position: -295px -47px; }
.events .btn-area .btn-next:after,
.discoveries .btn-area .btn-next:after,
.discoveries .btn-area .btn-next:after,
.pager .btn-next:hover:after,
.pager .btn-next:focus:after,
.pager .btn-prev:hover:after,
.pager .btn-prev:focus:after { background-position: -207px -47px; cursor: pointer;}
.events .btn-area .btn-prev:after,
.discoveries .btn-area .btn-prev:after,
.discoveries .btn-area .btn-prev:after,
.pager .btn-next:hover:after,
.pager .btn-next:focus:after { background-position: -276px -47px; cursor: pointer; }
.events .btn-area .btn-prev.disabled:after{background-position: -258px -47px;}
.events .btn-area .btn-next.disabled:after{background-position: -242px -47px;}
.events .header h2 {
    margin: 0 0 12px;
    text-transform: uppercase;
    color: #64a0c8;
    font-size: 21px;
    line-height: 22px;
}
.events .header .links {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
    list-style: none;
}
.events .header .links li {
    overflow: hidden;
    padding: 0 0 3px;
}
.events .header .links li a{
    color: #003c69;
}
.events .mask { overflow: hidden; }
.events .mask .slideset {
    float: left;
    width: 100% !important;
    letter-spacing: -0.3em;
    white-space: nowrap;
}
.events .slide {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    white-space: normal;
    width: 264px;
    height:183px !important;
    position: relative;
    border-right: 1px solid #f4f4f4;
}
.events .slide .holder{
    padding: 40px 20px 27px 51px;
}
.events .slide:hover,
.events .slide:focus {
    background: #f4f4f4;
    color: #e17000;
}
.events .slide .head {
    overflow: hidden;
    font-size: 12px;
    padding: 0 0 17px;
}
.events .slide .head h3 {
    color: #e17000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
}
.events .slide .head .date { display: block; }
.events .slide h4 {
    font-size: 16px;
    line-height: 19px;
    margin: 0 0 10px;
    color: #003c69;
    text-transform: capitalize;
}
.events .slide h4 a { color: #003c69; }
.events .slide:hover h4 a,
.events .slide:focus h4 a {
    color: #e17000;
}
.events .slide .more span {
    position: absolute;
    right: 7px;
    bottom: 4px;
    font-weight: 300;
    font-size: 30px;
    line-height: 33px;
    text-decoration: none;
    color: #003D69;
}
.events .slide .more.more-all {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.events .slide:hover .more,
.events .slide:focus .more {
    display: none;
}
.events .slide:hover ,
.events .slide:focus {
    color: #e17000;
}
.events .slide:hover span,
.events .slide:focus span {
    color: #e17000;
}
.discoveries { margin-bottom: 69px; }
.discoveries .header {
    float: left;
    width: 210px;
    padding: 35px 15px 45px 45px;
    background: #f4f4f4;
    position: relative;
    height:217px !important;
}
.discoveries .header h2 {
    color: #e17000;
    margin: 0 0 10px;
    font-size: 21px;
    line-height: 24px;
    text-transform: uppercase;
}
.discoveries .mask-holder { padding: 0 10px 0 0; }
.discoveries .mask { overflow: hidden; }
.discoveries .mask .slideset {
    float: left;
    width: 9999px;
    white-space: nowrap;
    letter-spacing: -0.3em;
}
.discoveries .mask .slideset .slide {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 265px;
    white-space: inherit;
    letter-spacing: 0;
    padding: 0;/* 1px 0 0;*/
    border-right: 1px solid white;
    border-left: 3px solid white;
}
.discoveries .mask img {
    display: block;
    width: 100%;
    height: auto;
}
.discoveries .mask .caption {
    background: #e17000;
    background: rgba(225,112,0,0.6);
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}
.discoveries .mask .caption h3 {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    position: relative;
}
.discoveries .mask .caption h3 a {
    color: #fff;
    display: block;
    padding: 10px 45px 12px 19px;
}
.discoveries .mask .caption h3 .ico-plus,
.item-row .ico-plus{
    right: 0;
    top: 0;
    color: #e17000;
    position: absolute;
    font-size: 30px;
    font-weight: 300;
    padding: 5px 7px 5px 1px;
    line-height: 34px;
    background: #f4f4f4;
}
.item-row .ico-plus:hover,
.item-row .ico-plus:focus{
    text-decoration:none;
}
.item-row .ico-plus{
    top:auto;
    bottom:0;
    right:0;
}
.discoveries .mask .caption h3 .ico-plus:after,
.item-row .ico-plus:after{
    right: 100%;
    top: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #f4f4f4;
    border-left-color: rgba(244,244,244,1);
    border-width: 42px 16px 0 0;
    margin-top: 0;
}
.item-row .ico-plus:after{
    border-width: 44px 16px 0 0;
}
.item-row .ico-plus-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.discoveries .btn-area {
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.box-holder{
    margin:0 0 17px;
}
.item-box{
    display:table;
    height:104px;
    background:#e17000;
    font-size:17px;
    line-height:21px;
    font-weight:bold;
    width:100%;
    text-transform:uppercase;
    position:relative;
}
.item-box.fonds{
    background:#003c69;
}
.item-box:hover,
.item-box:focus{
    opacity:0.9;
}
#sidebar.col-lg-3.col-md-4.col-xs-12 .item-box a,
.item-box a{
    display:table-cell;
    vertical-align:middle;
    color:#fff;
    padding:0 145px 0 26px;
}
.item-box a:after{
    content:'';
    position:absolute;
    right:0;
    bottom:0;
    width:37px;
    height:36px;
    background:url(../images/sprite.png) no-repeat -313px -95px;
}
.item-box a:before{
    content:'';
    position:absolute;
    right:60px;
    top:50%;
    background:url(../images/sprite.png) no-repeat 0 -133px;
    width:47px;
    height:42px;
    margin-top:-21px;
}
.item-box.fonds a:before{
    content:'';
    position:absolute;
    right:71px;
    background:url(../images/sprite.png) no-repeat -51px -133px;
    width:35px;
    height:34px;
    margin-top:-17px;
}
.item-box a:hover,
.item-box a:focus{
    text-decoration:none;
}
.block-list{
    margin:0 0 27px;
    color:#64a0c8;
    text-transform:uppercase;
}
.block-list a{
    color:#64a0c8;
}
.block-list a:hover,
.block-list a:focus{
    text-decoration:none;
}
.block-list .title-holder{
    display:table;
    background:#f4f4f4;
    height:74px;
    font-weight:bold;
    font-size:17px;
    line-height:19px;
    width:100%;
}
.block-list .title-holder span{
    display:table-cell;
    vertical-align:middle;
    padding:0 25px;
}
.block-list ul{
    margin:0;
    padding:0;
    list-style:none;
    border-right:1px solid #f4f4f4;
    border-left:1px solid #f4f4f4;
}
.block-list ul li{
    list-style:none;
    border-bottom:1px solid #f4f4f4;
    display:table;
    position:relative;
    width:100%;
    height:81px;
}
.block-list ul li .holder{
    display:table-cell;
    vertical-align:middle;
    padding:0 26px;
}
.block-list ul li img{
    margin:0 20px 0 0;
}
.block-list .more,
.item-row .more{
    position:absolute;
    right:9px;
    bottom:8px;
    text-indent:-9999px;
    overflow:hidden;
    width:13px;
    height:13px;
    background:url(../images/sprite.png) no-repeat -93px -133px;
}
.item-row .more{
    width:15px;
    height:15px;
    bottom:12px;
    background-position:-93px -149px;
}
.item-row .moreLink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.block-list .more:hover,
.block-list .more:focus{
    text-decoration:none;
}
.item-row{
    overflow:hidden;
    margin:0 0 20px;
    background:#f4f4f4;
}
.item-row .holder{
    float:left;
    width:50%;
    background:#f4f4f4;
    position: relative;
}
.item-row .header{
    width:171px;
    padding:34px 12px 0 34px;
    height:auto !important;
    float:left;
    font-size:16px;
    line-height:20px;
    font-weight:bold;
    color:#003c69;
    background:#f4f4f4;
}
.item-row .header a {
    color:#003c69;
}
.item-row .header h2{
    color:#e17000;
    font-size:21px;
    line-height:24px;
    text-transform:uppercase;
    margin:0 0 7px;
}
.item-row .header h2 a {
    color:#e17000;
    display: block;
    width: 100%;
}
.item-row .block .header h2{
    color:#64a0c8;
}
.item-row .image-holder{
    overflow:hidden;
    position:relative;
}
.item-row .image-holder img{
    float:right;
    width:auto;
    height:365px;
}
.item-row ul{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    border-top:1px solid #f4f4f4;
    border-bottom:1px solid #f4f4f4;
}
.item-row li{
    float:left;
    position:relative;
    text-align:center;
    color:#64a0c8;
    text-transform:uppercase;
    border-left:1px solid #f4f4f4;
    height:183px;
    width:221px;
    font-size:16px;
    line-height:18px;
    padding:30px 0 0;
    background:#fff;
}
.item-row li:hover,
.item-row li:focus{
    opacity:0.9;
}
.item-row li a{
    color:#64a0c8;
}
.item-row .text{
    display:block;
    margin:0 0 20px;
}
.item-row .block{
    float:left;
}
.item-row-box{
    float:left;
    background:#f4f4f4;
    width:223px;
    color:#003c69;
    font-size:12px;
    line-height:14px;
    font-weight:bold;
    position:relative;
    border-left:1px solid #fff;
    height:183px;
    padding:13px 27px 10px 20px;
}
.item-row-box h3{
    color:#a2ad00;
    font-size:16px;
    line-height:21px;
    margin:0 0 7px;
    text-transform:uppercase;
}
.item-row-box address{
    margin:0 0 7px;
}
.item-row-box img{
    display:block;
    margin:10px auto 0;
}
#footer {
    background: #004e86;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    padding: 25px 0;
}
@media print {
    #footer {
        display: none;
    }
}
#footer .logo {
    background-position: 0 -70px;
    width: 98px;
    height: 69px;
    margin: 0;
}
#footer .footer-content {
    overflow: hidden;
    position: relative;
}
.footer-content a{
    color:#fff;
}
#footer .logo-morbian {
    background: url(../images/logo.png) no-repeat 0 -153px;
    width: 137px;
    overflow: hidden;
    text-indent: -9999px;
    float: right;
    height: 27px;
    margin: 10px 0;
}
#footer .logo-morbian a {
    display: block;
    height: 100%;
}
#footer .fnav {
    float: none;
    clear: both;
    padding-top: 15px;
    font-size: 11px;
    line-height: 14px;
    width: 100%;
    margin-top: 40px;
    display: block;
}
#footer .fnav ul {
    margin: 0;
    padding: 6px 10px 18px 0;
    overflow: hidden;
    list-style: none;
    text-align: center;
}

#footer .fnav ul li { display: inline-block;}
#footer .fnav ul li + li:before {
    margin: 0 5px;
    background: #5a7d95;
    width: 1px;
    border-left: 1px solid #869dac;
    content: "";
    height: 10px;
}

#footer .fnav ul li a {
    color: #ffffff;
}

#footer .social-networks {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
    position: absolute;
    top: 20px;
    left: 100px;
    right: 100px;
    text-align: center;
}

@media screen and (max-width: 1280px) {
    #footer .social-networks {
        top: 75px;
    }
}

@media screen and (max-width: 992px) {
    #footer .social-networks {
        clear: both;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
    }
}

#footer .social-networks li {
    display: inline-block;
    margin-left: 0px;
}

#footer .social-networks li a {
    color: #fff;
    float: left;
    padding: 5px 0 0;
    position: relative;
}
#footer .social-networks li a:hover,
#footer .social-networks li a:focus {
    text-decoration: underline;
}
#footer .social-networks li a:before {
    background: url(../images/sprite.png) no-repeat -172px 0;
    width: 27px;
    float: left;
    height: 26px;
    margin: -5px 6px 0 0;
    content: "";
}
#footer .social-networks li .plan:before {
    background-position: -218px 0;
    width: 17px;
    margin-right: 2px;
}
#footer .social-networks li .mobile:before { background-position: -249px 0; }
#footer .social-networks li .contact:before {
    background-position: -288px 0;
    width: 26px;
    margin-top: -3px;
}
#footer .social-networks li .rss:before {
    background-position: -328px 0;
    width: 21px;
}
/*2023-03_LLE*/
#footer .social-networks li .presse:before { background-position: -275px -72px; width: 19px; }

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

    #footer .logo {
        display: none;
    }

    #footer .social-networks li {
        clear: both;
        display: block;
        width: 100%;
    }

    #footer .social-networks li,
    #footer .social-networks li:first-child {
        margin: 10px 0;
        text-align: left;
    }

    #footer .social-networks li a {
        display: inline-block;
        float: none;
    }

    /*faq*/
    #footer .social-networks>li:nth-child(1) a::before { margin: -5px 10px 0 0; }
    /*presse 2023-03_LLE*/
    #footer .social-networks>li:nth-child(2) a::before { margin: -5px 20px 0 0; }
    /*plan*/
    #footer .social-networks>li:nth-child(3) a::before { margin: -5px 20px 0 0; }
    /*tel*/
    #footer .social-networks>li:nth-child(4) a::before { margin: -5px 11px 0 0; }
    /*contact*/
    #footer .social-networks>li:nth-child(5) a::before { margin: -5px 13px 0 0; }
    /*rss*/
    #footer .social-networks>li:nth-child(6) a::before { margin: -5px 18px 0 0; }

    #footer .logo-morbian {
        float: left;
        clear: both;
    }

}
/* hide original element */
.jcf-hidden {
    display: block !important;
    position: absolute !important;
    left: -9999px !important; /* change to right: -9999px on RTL sites */
}
/* custom select styles */
.select-area {
    border: 1px solid #ddddcf;
    background: #fff;
    position: relative;
    overflow: hidden;
    cursor: default;
    height: 40px;
    box-shadow: 0 0 1px 0 #e8e8df;
    float: left;
    font-style: italic;
    width: 100% !important;
    line-height:40px;
}
.select-focus { border-color: #77A1D3; }
.select-area .center {
    padding: 0 12px;
    overflow: hidden;
    display: block;
}
.select-disabled { background: #eee; }
.select-area .select-opener {
    background: url(../images/sprite.png) no-repeat -99px -95px;
    position: absolute;
    height: 30px;
    width: 16px;
    right: 12px;
    top: 4px;
}
.select-area.select-focus .select-opener { background-position: -127px -95px; }
.filter-form .select-area.select-focus .select-opener { background: url(../images/sprite.png) no-repeat -128px -96px; }
.select-options {
    position: absolute;
    overflow: hidden;
    background: #fff;
    z-index: 2000;
}
.select-options .drop-holder {
    /* border: 1px solid #e17000; */
    border: 1px solid #77A1D3;
    overflow: hidden;
    border-top: 0;
    height: 1%;
}
.select-options ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.select-options ul li {
    width: 100%;
    float: left;
}
.select-options ul a {
    text-decoration: none;
    padding: 5px 10px;
    display: block;
    cursor: default;
    color: #000;
    height: 1%;
}
.select-options .item-selected a {
    text-decoration: none;
    /* background: #e17000; */
    background: #77A1D3;
    color: #fff;
}
.select-select {
    height: 43px;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #8b8f94;
    float: left;
    width: 70% !important;
    margin-bottom: 5px;
}
.form-research .select-select {
    width: 100% !important;
}
.search-form.visible-sm .form-research .select-select {
    width: 70% !important;
}
.select-select.select-focus { border-color: #77a1d3; }
.select-select .center {
    padding: 0 34px 0 24px;
    line-height: 39px;
}
.select-select .select-opener {
    background: url(../images/sprite.png) no-repeat -98px -96px;
    height: 29px;
    width: 15px;
    right: 14px;
    top: 5px;
}
.select-select.select-focus .select-opener { background-position: -128px -96px; }
.drop-select.select-options .drop-holder { border-color: #77a1d3; }
.drop-select.select-options .item-selected a { background: #77a1d3; }
/* select options optgroup example styles */
.select-options .optgroup { clear: both; }
.select-options .optgroup strong {
    display: block;
    padding: 5px;
}
.select-options .optgroup ul a { padding-left: 30px; }
/* custom scrollbars styles */
.scrollable-area-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.scrollable-area-wrapper .hscrollbar,
.scrollable-area-wrapper .vscrollbar {
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
}
.drop-holder .scrollable-area-wrapper .vscrollbar { right: 5px; }
.scrollable-area-wrapper .hscroll-left,
.scrollable-area-wrapper .vscroll-up,
.scrollable-area-wrapper .hscroll-right,
.scrollable-area-wrapper .vscroll-down {
    background: #eaeaea;
    width: 2px;
    height: 2px;
    float: left;
    display: none;
}
.scrollable-area-wrapper .hscroll-line,
.scrollable-area-wrapper .vscroll-line {
    background: #eaeaea;
    width: 2px;
    float: left;
}
.scrollable-area-wrapper .hscroll-slider,
.scrollable-area-wrapper .vscroll-slider {
    background: #64a0c8;
    width: 2px;
    height: 2px;
}
.drop-holder .scrollable-area-wrapper .vscroll-slider { background: #e17000; }
.select-options .drop-holder .scrollable-area-wrapper .vscroll-slider { background: #77A1D3; }
.scrollable-area-wrapper .hscrollbar {
    position: static;
    height: 2px;
    top: auto;
}
.scrollable-area-wrapper .hscroll-line {
    height: 2px;
    width: auto;
}
.banner {
    height: 420px;
    border-bottom: 1px solid #003c69;
    clear: both;
    overflow: hidden;
}
@media (min-width: 1024px) {
    .wrapper.page--bare .banner {
        margin-bottom: 20px;
    }
}
.inner .banner{
    border:0;
    height:auto;
}
.banner .holder {
    min-width: 1280px;
    position: relative;
    left: 50%;
}
.banner .holder img {
    position: relative;
    display: block;
    left: -50%;
    width: 100%;
    height: auto;
    min-width: 1280px;
}
.breadcrumb {
    color: #353535;
    font-size: 11px;
    margin: 0 0 24px;
    border-radius: 0;
}
.carto .breadcrumb {
    margin-left: 315px;
}
.page-details .breadcrumb { margin: 0 0 16px; }
#content .breadcrumb > li > a { color: #353535; }
#content .breadcrumb > li > a:hover,
#content .breadcrumb > li > a:focus {
    text-decoration: none;
    color: #64a0c8;
}
#main .social-networks {
    position: absolute;
    right: 0;
    top: 112px;
    padding: 12px 13px;
    background: #003c69;
    margin: 0;
    z-index: 500;
    list-style: none;
    border-radius: 2px 0 0 2px;
}
.carto #main .social-networks {
    top: inherit;
    right: 10px;
}
#main .social-networks li {
    overflow: hidden;
    padding: 15px 0 0;
}
#main .social-networks li:first-child { padding: 0; }
#main .social-networks li a {
    background: url(../images/sprite.png) no-repeat -34px -68px;
    width: 20px;
    height: 22px;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    margin: 0 auto;
}
#main .social-networks li .print {
    background-position: -68px -75px;
    width: 19px;
    height: 16px;
}
#main .social-networks li .contact {
    background-position: -105px -77px;
    width: 18px;
    height: 13px;
}
#main .social-networks li .facebook {
    background-position: -147px -72px;
    width: 11px;
    height: 21px;
}
#main .social-networks li .twitter {
    background-position: -179px -75px;
    width: 22px;
    height: 18px;
}
#main .social-networks li .download-pdf {
    background-position: -276px -72px;
    width: 18px;
    height: 22px;
}
#main .social-networks li .map {
    width: 24px;
    height: 27px;
    background-position: -52px -99px;
}
#main .social-networks li a:hover,
#main .social-networks li a:focus { opacity: 0.8; }
#content {
    padding-bottom: 12px;
    margin-right: 25px;
}
@media print {
    #content {
        position: static;
        width: 100%;
        margin-left: 0;
        float: none !important;
    }
    #content .breadcrumb { margin: 0;}
    #content .breadcrumb a:after{
        content:" ";
    }
}
.page-details #content { padding-top: 11px; }
.page-search #main { padding-top: 7px; }
#content h1 {
    margin: 0 0 20px;
    color: #003c69;
}
#content .text {
    overflow: hidden;
    color: #003c69;
    font-size: 16px;
    line-height: 19px;
    /*padding: 0 0 35px;*/
    padding: 0 0;
}
.inner #content .text{
    font-style:italic;
    font-size:18px;
    line-height:21px;
}
#content .post-details .text p,
#content .text p {
    /*margin: 0 0 17px;*/
    margin: 0 0 0;
    padding-bottom: 35px;
}
#content p { margin: 0 0 20px; }
div.imgThumbnail {margin: 0 0 20px; }
#content .faqs {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}
#content a {
    color: #64a0c8;
}
#content a:hover,
#content a:focus {
    text-decoration: underline;
}
#content .faqs > li {
    overflow: hidden;
    padding: 0 0 22px;
}
#content .faqs h2 {
    font-size: 24px;
    line-height: 28px;
    color: #353535;
    margin: 0 0 14px;
}
.inner #content .faqs h2{
    color:#64a0c8;
    font-size:20px;
    line-height:24px;
}
#content .faqs h3{
    color:#353535;
    font-size:16px;
    line-height:20px;
    margin:0 0 3px;
}
#content .faqs p { margin: 0 0 17px; }
#content .faqs p br { display: none; }
#content .list {
    margin: 0;
    padding: 0 0 15px 3px;
    list-style: none;
}
#content .list li {
    overflow: hidden;
    position: relative;
    padding: 0 5px 0 19px;
    margin: 17px 0 0;
}
#content .list li:first-child { margin-top: 0; }
#content .list li:after {
    background: url(../images/sprite.png) no-repeat -339px -82px;
    width: 11px;
    position: absolute;
    left: 0;
    top: 3px;
    height: 10px;
    content: "";
}
#main .tags {
    overflow: hidden;
    padding: 35px 0 25px;
}
#main .tags .title {
    display: block;
    margin: 0 0 16px;
    font-weight: 400;
}
#main .tags ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#main .tags ul li {
    float: left;
    margin: 0 19px 19px 0;
    padding: 5px 0px 6px 0px;
}
#main .tags ul li:after {
    background: none;
}
#main .tags ul li a {
    color: #353535;
    padding: 5px 13px 6px;
    background: #f4f4f4;
    border-radius: 3px;
}

.sidenav {
    font-size: 16px;
    position: relative;
    z-index: 100;
    margin: -66px 0 0;
}
.page-details .sidenav { margin: 15px 0 0; }
.sidenav:after {
    clear: both;
    display: block;
    content: "";
}
.sidenav .btn-menu {
    background: url(../images/sprite.png) no-repeat 0 -94px;
    width: 30px;
    height: 31px;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    left: 1px;
    top: 8px;
}
.sidenav .holder {
    overflow: hidden;
    background: #f4f4f4;
}
.sidenav .title,
.search-section .title {
    background: #003d69;
    text-transform: uppercase;
    padding: 11px 24px 9px;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    display: block;
    line-height: 20px;
}
.sidenav .title{
}
.sidenav .title a,
.search-section .title a {
    color: #fff;
    display: table-cell;
    height: 38px;
    vertical-align: middle
}
.sidenav ul {
    margin: 0;
    overflow: hidden;
    padding: 7px 0 0;
    list-style: none;
}
.sidenav > .holder > ul > li {
    overflow: hidden;
    padding: 6px 10px 9px 24px;
    border-top: 1px solid #e4e4e4;
}
.sidenav > .holder > ul > li:first-child { border: 0; }
.sidenav > .holder > ul > li > a {
    color: #393737;
    float: left;
}
.sidenav > .holder > ul > li a:hover,
.sidenav > .holder > ul > li a:focus,
.sidenav > .holder > ul > li.active > a {
    color:#77a1d3;
    /*color: #003ca9;*/
    text-decoration: none;
}
.sidenav > .holder > ul > li.active > a { font-weight: 700; }
.sidenav > .holder > ul > li > ul {
    padding: 17px 9px 0;
    font-size: 14px;
    clear: both;
    display: none;
}
.sidenav > .holder > ul > li.active > ul { display: block; }
.sidenav > .holder > ul > li > ul > li {
    overflow: hidden;
    position: relative;
    margin: 17px 0 0;
}
.sidenav > .holder > ul > li > ul > li:first-child { margin: 0; }
.sidenav > .holder > ul > li ul > li:after {
    background: url(../images/sprite.png) no-repeat -182px -48px;
    width: 6px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 3px;
    content: '';
}
.sidenav > .holder > ul > li ul > li > a {
    padding: 0 0 0 27px;
    float: left;
    color: #393737;
}
.sidenav > .holder > ul > li > ul > li > a:hover,
.sidenav > .holder > ul > li > ul > li > a:focus,
.sidenav > .holder > ul > li > ul > li.active > a { color: #e17000; }
.sidenav > .holder > ul > li > ul > li.active a { font-weight: 700; }
#sidebar {
    clear: left;
    padding-bottom: 20px;
    padding-top: 11px;
}
.page--bare #sidebar {
    padding-top: 4px;
}
@media print {
    #sidebar {
        width: 100%;
        margin: 20px 0 0 0;
        border-top: 5px solid #000000;
        clear: both;
    }
    #sidebar div.default { padding-top: 0; padding-bottom: 0; }
}
#sidebar .map-holder {
    overflow: hidden;
    border-radius: 2px;
    margin: 0 0 9px;
    position: relative;
}
.map-holder .location {
    font-size: 16px;
    line-height: 18px;
    left: auto;
    bottom: auto;
    top: 22px;
    right: 15px;
}
.map-holder .location:before { margin: 3px -6px 0 0 }
#sidebar .map-holder img {
    width: 100%;
    height: auto;
    display: block;
}
#sidebar .reports {
    overflow: hidden;
    border-radius: 2px;
    background: #f4f4f4;
    padding: 17px 9px 31px 7px;
    margin: 0 0 15px;
}
#sidebar .reports h3 {
    font-size: 18px;
    line-height: 21px;
    margin: 0;
    color: #003c69;
    padding: 0 17px 9px;
}
#sidebar .reports .post {
    overflow: hidden;
    padding: 25px 0 0;
}
#sidebar .reports .post:first-child { padding: 0; }
#sidebar .reports .post img {
    width: 100%;
    margin: 0 0 8px;
    display: block;
    height: auto;
}
#sidebar .reports .post h4 {
    margin: 0;
    padding: 0 17px;
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    color: #64a0c8;
    line-height: 17px;
}
#sidebar .reports .post h4 a { color: #64a0c8; }
#sidebar .item-list {
    overflow: hidden;
    font-size: 13px;
    line-height: 16px;
    padding: 0 0 24px;
}
#sidebar .item-list h3 {
    border-bottom: 1px solid #eaeaea;
    padding: 0 24px 6px;
    color: #003c69;
    font-size: 18px;
    margin: 0;
    line-height: 21px;
}
#sidebar .item-list ul {
    margin: 0;
    padding: 19px 0;
    list-style: none;
}
#sidebar .item-list ul li {
    overflow: hidden;
    position: relative;
    padding: 0 25px 14px;
}
#sidebar .item-list ul li:after {
    background: url(../images/sprite.png) no-repeat -307px -80px;
    width: 11px;
    height: 14px;
    content: "";
    position: absolute;
    left: 4px;
    top: 3px;
}
.inner #sidebar .item-list ul li:after{
    background-position:-320px -80px;
}
.inner .item-list a{
    color:#64a0c8;
}
#sidebar .item-list .title {
    display: block;
    text-transform: uppercase;
    font-weight: 400;
}
#sidebar .item-list span { display: block; }
.content-holder { padding: 0 62px 0 0; }
.page-contact .content-holder { padding: 0 33px 0 0; }
.events-section { overflow: hidden; }
.events-section.add { padding: 12px 0 70px; }
@media print {
    .events-section.add {
        display: none;
    }
}
.events-section .header {
    overflow: hidden;
    padding: 0 0 5px;
}
.pager {
    overflow: hidden;
    margin: 0;
    text-align: right;
}
.header .pager {
    float: right;
    margin: 6px 0 0 15px;
}
.pager .btn-area {
    display: inline-block;
    vertical-align: middle;
}
.pager .btn-prev,
.pager .btn-next {
    width: 30px;
    height: 30px;
    text-align: left;
}
.pager .btn-prev:after,
.pager .btn-next:after { margin-top: -10px; }
.events-section .header .btn-area {
    display: inline-block;
    vertical-align: middle;
}
.pager .pagenumber {
    color: #003c69;
    display: inline-block;
    vertical-align: middle;
    margin: 2px 3px 0;
}
.pager .pagenumber .current { color: #77a1d3; }
.events-section h1 { overflow: hidden; }
.events-section .frame {
    overflow: hidden;
    margin: 0 -7px 92px;
}
.events-section.add .frame { margin-bottom: 4px; }
.events-section h3 { margin: 0 0 4px; }
.events-section.add .more {
    float: right;
    font-weight: 700;
}
.events-section .event {
    float: left;
    width: 33.33%;
    padding: 7px 7px 8px;
}
.events-section .event .holder {
    border: 1px solid #e0ded8;
    overflow: hidden;
    padding: 25px 13px 14px;
    position: relative;
    min-height: 169px;
}
.events-section .event .head {
    overflow: hidden;
    padding: 0 0 15px;
    font-size: 12px;
    line-height: 15px;
}
.events-section .event .head .title {
    display: block;
    color: #e17000;
    font-weight: 400;
    text-transform: uppercase;
}
.events-section .event h2 {
    font-size: 14px;
    line-height: 17px;
    color: #003c69;
    margin: 0 0 10px;
}
#content .events-section .event h2 a {
    color: #003c69;
}
#content .events-section .event h2 a:hover,
#content .events-section .event h2 a:focus {
    text-decoration: none;
}
.events-section .event .more.more-all span{
    font-size: 29px;
    line-height: 29px;
    position: absolute;
    right: 6px;
    bottom: 0;
    color: #003c69;
    font-weight: 300;
}

.events-section .event .more.more-all {
    height: 100%;
    width: 100%;
    /*float: none;*/
    color: #003c69;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.events-section .event .holder:hover,
.events-section .event .holder:focus,
.events-section .event .holder:hover span,
.events-section .event .holder:focus span {
    color: #e17000;
    border-color: #e17000;
    background: #f4f4f4;
}
#content .events-section .event .holder:hover a,
#content .events-section .event .holder:focus a {
    color: #e17000;
}
#sidebar .calendar {
    overflow: hidden;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3);
    max-width: 280px;
    border-radius: 3px;
    margin: 9px auto 13px;
}
#sidebar .filter-form {
    overflow: hidden;
    padding: 0 10px 20px 8px;
}
#sidebar .filter-form.add { padding: 0 0 10px; }
#sidebar .filter-form .label {
    display: block;
    font-size: 16px;
    border-radius: 0;
    text-align: left;
    padding: 2px 7px;
    line-height: 20px;
    white-space: inherit;
}
#sidebar .filter-form .select { width: 100%; }
.information {
    font-size: 18px;
    line-height: 22px;
}
.information .header {
    overflow: hidden;
    padding: 1px 0 28px;
}
#content .information .header h1 { margin: 0 0 1px; }
.information .header h2 {
    font-size: 24px;
    line-height: 29px;
    margin: 0;
    color: #003c69;
}
.information p .subtext { color: #e17000; }
.information .map-holder {
    overflow: hidden;
    padding: 7px 0 9px;
}
.information .map-holder .title {
    display: block;
    margin: 0 0 11px;
}
.information .map-holder .map { overflow: hidden; }
.information .map-holder .map img {
    display: block;
    width: 100%;
    height: auto;
}
.information .search-form {
    background: #f4f4f4;
    padding: 19px 11px 20px 15px;
}
.information .search-form h3 {
    color: #64a0c8;
    font-size: 16px;
    line-height: 20px;
    margin: 0 9px 13px;
    text-transform: uppercase;
}
.information .form:after,
.information .form .form-row:after {
    clear: both;
    display: block;
    content: "";
}
.information .form .form-row { padding: 0 0 15px; }
.information .form-group {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 2px;
    margin: 0 -3px 0 0;
}
.information .form-group.add { width: 100%; }
.information .form-group .label {
    font-size: 16px;
    line-height: 19px;
    padding: 0 7px 7px;
    text-align: left;
    display: block;
}
.information .form-group.add .label,
.information .form-group.add .select-holder {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: 0 2px;
    margin: 0 -3px 0 0;
}
.information .form-group.add .label {
    padding: 0 13px;
    text-align: right;
}
.information .form-group .label label { margin: 0; }
.information .form-group .select { width: 100%; }
.information .form .select-area {
    font-size: 14px;
    line-height: 17px;
    color: #8b8f94;
}
.information .btn-primary {
    cursor: pointer;
    text-transform: uppercase;
    line-height: 39px;
    height: 41px;
    padding: 0 5px 5px;
    border-radius: 5px;
    float: right;
    border: 0;
    margin: 3px 3px 0;
    width: 28%;
}
@media (min-width: 768px) and (max-width : 1023px) {
    /* .information .form-group {
		width: 40%;
	}
	.information .form-group.add {
		width: 80%;
	} */
}
#sidebar .contact-map {
    overflow: hidden;
    position: relative;
    margin-top: -12px;
}
#sidebar .contact-map img {
    width: 100%;
    display: block;
    height: auto;
}
#sidebar .contact-map .location {
    background: #64a0c8;
    border-radius: 1px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    position: absolute;
    right: 16px;
    bottom: 16px;
    padding: 0 13px;
    text-transform: uppercase;
    max-width: 250px;
}
#sidebar .contact-info {
    overflow: hidden;
    background: #f4f4f4;
    padding: 0 0 5px;
}
#sidebar .contact-info .box {
    overflow: hidden;
    border-top: 1px solid #e4e4e4;
    padding: 12px 15px 14px 24px;
}
#sidebar .contact-info .box:first-child {
    border: 0;
    padding: 9px 15px 14px 24px;
}
#sidebar .contact-info address {
    font-style: normal;
    margin: 0;
}
#sidebar .contact-info address span { display: block; }
#sidebar .contact-info .title { display: block; }
#sidebar .contact-info address .title {
    color: #003c69;
    font-size: 16px;
    line-height: 17px;
}
#sidebar .contact-info address .subtitle {
    display: block;
    color: #003c69;
}
#sidebar .contact-info p { margin: 0 0 17px; }
#sidebar .contact-info .more { font-weight: 700; }
.contact-details {
    overflow: hidden;
    padding: 1px 50px 26px 0;
}
#main .contact-details .text {
    display: block;
    font-size: 18px;
    line-height: 21px;
    padding: 10px 0 8px;
}
.contact-details .note {
    display: block;
    margin: 0 0 14px;
}
#content .contact-details p { margin: 0 0 7px; }
.contact-details address { font-style: normal; }
.contact-details address span,
.contact-details address strong { display: block; }
.contact-details a { color: #353535; }
.contact-details .email { font-weight: 700; }
.contact-form {
    overflow: hidden;
    line-height: 16px;
}
.contact-form .block {
    overflow: hidden;
    padding: 0 0 8px;
}
.contact-form h2 {
    font-size: 18px;
    line-height: 21px;
    color: #003c69;
    margin: 0 0 19px;
}
.contact-form .block:first-child h2 { margin: 0 0 36px; }
.contact-form .block:first-child .form-control {
    height: 43px;
    padding: 13px 17px;
}
.contact-form .block:first-child .label { padding: 10px 10px 5px 0; }
.contact-form .form-group { margin: 0 0 7px; }
.contact-form .block:first-child .form-group { margin: 0 0 9px; }
.contact-form .form-group:after {
    clear: both;
    display: block;
    content: "";
}
.contact-form .label {
    float: left;
    width: 104px;
    padding: 5px 10px 2px 0;
    font-size: 16px;
    border-radius: 0;
    line-height: 20px;
    white-space: inherit;
    text-align: left;
}
.contact-form .area { overflow: hidden; }
.contact-form .select-select .center { padding-left: 17px; }
.contact-form .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #8b8f94;
    height: 32px;
    line-height: 17px;
    padding: 8px 17px;
}
.contact-form .form-control::-moz-placeholder {color:#8b8f94;}
.contact-form .form-control:-ms-input-placeholder {color:#8b8f94}
.contact-form .form-control::-webkit-input-placeholder {color:#8b8f94}
.contact-form .form-group.add .search-holder .form-control::-moz-placeholder {color:#353535;}
.contact-form .form-group.add .search-holder .form-control:-ms-input-placeholder {color:#353535}
.contact-form .form-group.add .search-holder .form-control::-webkit-input-placeholder {color:#353535}
.contact-form textarea.form-control {
    height: 193px !important;
    width: 100% !important;
}
.contact-form .select { width: 273px; }
.contact-form .select-select { max-width: 273px; }
.contact-form .select-select .select-opener {
    background: url(../images/sprite.png) no-repeat -98px -113px;
    width: 15px;
    height: 13px;
    top: 13px;
}
.contact-form .select-select.select-focus .select-opener { background-position: -128px -113px; }
.contact-form .form-group.add { text-align: right; }
.contact-form .form-group.add .label {
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    max-width: 280px;
    padding-top: 8px;
}
.contact-form .form-group.add .search-holder {
    display: inline-block;
    vertical-align: middle;
    width: 262px;
    border: 1px solid #e0ded8;
    padding: 2px;
    height: 33px;
    margin: 0 0 2px;
}
.contact-form .form-group.add .search-holder .btn-search {
    background: url(../images/sprite.png) no-repeat -122px 0;
    width: 25px;
    height: 25px;
    overflow: hidden;
    text-indent: -9999px;
    padding: 0;
    float: right;
    margin: 2px 6px 0 10px;
    border: 0;
}
.contact-form .form-group.add .search-holder .area { overflow: hidden; }
.contact-form .form-group.add .search-holder .form-control {
    border: 0;
    background: none;
    text-align: right;
    color:#353535;
    padding: 7px 5px;
    height: 27px;
    font:10px/13px arial, helvetica, sans-serif;
}
.contact-form .btn-primary {
    border-radius: 3px;
    border: 0;
    width: 188px;
    height: 41px;
    padding: 0 5px;
    float: right;
    margin: 15px 0 0;
    text-transform: uppercase;
}
#content .contact-form p { margin: 0 0 8px; }
.contact-form .textbox {
    overflow: hidden;
    padding: 54px 0 7px;
}
.form-research {
    overflow: hidden;
    background: #f4f4f4;
    font-size: 16px;
    margin: 0 0 10px;
    line-height: 19px;
    padding: 13px 20px 20px 18px;
}
.form-research h2 {
    color: #64a0c8;
    font-size: 16px;
    line-height: 19px;
    margin: 0 7px 13px;
    text-transform: uppercase;
}
.form-research .form-group {
    overflow: hidden;
    margin: 0 0 18px;
}
.form-research .select-area .center {
    font-size: 14px;
    line-height: 40px;
}
.form-research .label {
    text-align: left;
    border-radius: 0;
    padding: 0 7px 5px;
    display: block;
    font-size: 100%;
    white-space: inherit;
}
.form-research .btn-block {
    overflow: hidden;
    padding: 6px 0 7px;
    text-align: center;
}
.form-research .btn-primary {
    border-radius: 3px;
    border: 0;
    width: 100%;
    height: 41px;
    padding: 0 5px;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
}
.search-form.visible-sm .form-research .btn-primary {
    width: 28%;
}

.content-elus .default ul{padding-bottom:0 !important;}

.canton-details-area { overflow: hidden; }
.canton-details {
    overflow: hidden;
    /* border-top: 1px solid #e0ded8;
	padding: 20px 0 40px;
	margin-top:15px;*/
    padding: 0 0 40px 0;
    margin-top: 0px;
}
#content .canton-details h1 { margin: 0 0 14px; }
.canton-details:first-child {
    border: 0;
    padding-top: 0;
}
#content .canton-details:first-child h1 { margin: 0 0 22px; }
.canton-details .frame { overflow: hidden; }
.canton-details .pull-left { margin: 3px 33px 20px 0; }
.canton-details .pull-left img {
    display: block;
    max-width: 100%;
}
.canton-details .details-list { overflow: hidden; }
.canton-details .details-list dt {
    float: left;
    margin: 0 3px 14px 0;
    clear: both;
}
.canton-details .details-list dd { margin: 0 -2px 14px 0; }
.canton-details .listing,
.canton-details .item-list {
    margin: -14px 0 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.canton-details .listing li:before {
    content: "-";
    float: left;
    margin: 0 3px 0 0;
}
.canton-details .listing li { overflow: hidden; }
.canton-details .map-holder {
    float: left;
    width: 417px;
    margin: 3px 35px 0 0;
}
.canton-details .item-list li {
    overflow: hidden;
    padding: 10px 0 3px;
}
/* ajout suite au ticket #37023 */
.canton-details #tx-pnfelus-districtinfos {
    clear:both;
    border-top: 1px solid #e0ded8;
    padding: 20px 0 40px;
}
.canton-details #tx-pnfelus-councillorsinfos .photo {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
.canton-details #tx-pnfelus-councillorsinfos .photo img {
    margin-bottom: 5px;
}
.canton-details .infoCouncillor p span.labelTitle {
    font-weight:bold;
    color: #353535;
    display: block;
    margin-top: 14px;
    margin-bottom: 10px;
}
#content #tx-pnfelus-councillorsinfos .infoCouncillor {
    margin-bottom: 20px;
}
#content #tx-pnfelus-councillorsinfos .infoCouncillor p {
    margin-top: 0px;
    overflow-wrap: break-word;
}
#content #tx-pnfelus-councillorsinfos .infoCouncillor p.job,
#content #tx-pnfelus-councillorsinfos .infoCouncillor p.dateNaissance {
    margin-top: 14px;
}
#content #tx-pnfelus-councillorsinfos .infoCouncillor p.dateNaissance {
    margin-bottom: 14px;
}

#content #tx-pnfelus-councillorsinfos .infoCouncillor p.titles,
#content #tx-pnfelus-councillorsinfos .infoCouncillor p.mandat {
    clear: both;
}
#content #tx-pnfelus-councillorsinfos .infoCouncillor p:first-child {
    margin-top: 0;
}
#content .tx-pnfelus #tx-pnfelus-councillorsinfos ul li {
    padding: 0 5px 0 12px;
}
/* fin ajout du ticket #37023 */
.news-section { overflow: hidden; }
.news-section .header {
    overflow: hidden;
    padding: 0 0 12px;
}
.news-section h1 { overflow: hidden; }
.news-section .holder { overflow: hidden; }
.news-section .news {
    overflow: hidden;
    padding: 0 0 27px;
}
.news-section .news:first-child { padding: 0 0 32px; }
.news-section .news .head {
    overflow: hidden;
    font-size: 12px;
    line-height: 15px;
    padding: 0 0 7px;
}
.news-section .news h2 {
    font-size: 18px;
    line-height: 22px;
    margin: 0;
}
#content .news-section .news h2 a { color: #353535 }
.news-section .news .meta { overflow: hidden; }
.news-section .news .meta .date { float: left; }
.news-section .news .meta .date:after {
    content: "/";
    margin: 0 2px 0 4px;
    float: right;
}
#content .news-section .news .meta .category {
    text-transform: uppercase;
    color: #e17000;
    /*float: left;*/
}
#content .news-section .news p { margin: 0 0 10px; }
#content .news-section .news .more {
    float: right;
    font-weight: 700;
    color: #003D69;
}
.news-section .pager { margin-bottom: 0; }
.news-section .news .pull-left { margin: 5px 15px 0 0; }
.news-section .news .pull-left img {
    max-width: 100%;
    display: block;
}
.news-section .news .textbox { overflow: hidden; }
.post-details .header {
    overflow: hidden;
    padding: 0 0 11px;
}
#content .post-details .header h1 { margin: 0 0 2px; }
#content .post-details p { margin: 0 0 18px; }
.post-details .header .meta {
    overflow: hidden;
    font-size: 18px;
    line-height: 22px;
}
#content .post-details .header .meta .category {
    float: left;
    color: #e17000;
    text-transform: uppercase;
}
.post-details .header .meta .date { float: left; }
.post-details .header .meta .date:before {
    float: left;
    content: "/";
    margin: 0 3px;
}
@media print {
    #content .post-details .header .meta .category[href]:after {
        content: '';
        margin: 0;
    }
}
.post-details .img-area {
    overflow: hidden;
    display: block;
    padding: 0 0 15px;
}
.post-details .img-area img {
    display: block;
    width: 100%;
    height: auto;
}
.post-details h2 {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 16px;
    padding: 2px 0 0;
}
.post-details .link { font-weight: 700; }
.search-results {
    overflow: hidden;
    padding: 26px 0 2px;
}
.search-results .pager { padding: 146px 0 0; }
.search-results.add .pager { padding: 34px 0 1px; }
.search-results .header .pager { padding: 0 }
.search-results .header {
    overflow: hidden;
    padding: 0 0 9px;
    border-bottom: 1px solid #e0ded8;
}
.search-results.add .header { padding: 0 0 11px; }
#content .search-results .header h1 { margin: 0 0 1px; }
.search-results .header .area {
    overflow: hidden;
    font-size: 18px;
    line-height: 21px;
    color: #003c69;
}
.search-results .header .subtext { display: block; }
.search-results .header .subtext .keyword { color: #e17000; }
.search-results .result-block {
    overflow: hidden;
    border-bottom: 1px solid #e0ded8;
    padding: 15px 0 11px;
}
.search-results h2 {
    font-size: 18px;
    line-height: 21px;
    display: block;
    color: #e17000;
    margin: 0 0 26px;
}
.search-results.add h2 { margin: 13px 0 12px; }
.search-results h2 span {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 0 2px;
}
.search-results.add .date {
    font-size: 12px;
    line-height: 15px;
}
.search-results ul,.search-results ul.results-list .infos{
    overflow: hidden;
    padding: 0 0 7px;
    margin: 0;
    color: #003c69;
    font-size: 12px;
    line-height: 15px;
    list-style: none;
}
.search-results ul li {
    overflow: hidden;
    padding: 0 0 30px;
}
.search-results ul li:first-child { padding: 0 0 21px; }
.search-results.add ul li:first-child { padding: 0 0 12px; }
.search-results.add ul li { padding: 0 0 23px; }
.search-results.add .head {
    overflow: hidden;
}
.search-results.add ul {
    font-size: 14px;
    line-height: 16px;
    color: #353535;
    padding: 0 120px 0 0;
}
.search-results h3,
.search-results .title {
    line-height: 21px;
    margin: 0;
}
.search-results h3 .file-details {
    margin: 0 0 0 2px;
    color: #353535;
    line-height:17px;
    display:inline-block;
    vertical-align:bottom;
    font-weight:400;
    font-size: 12px;
}
.search-results .title {
    font-size: 18px;
    text-transform: uppercase;
    display: block;
}
.search-results .date {
    display: block;
    color: #003c69
}
.search-results .infos {
    font-size: initial;
}
.search-results .infos p {
    font-size: 0.9em;
}
.search-results .result-block .btn-info {
    float: right;
    text-transform: uppercase;
    color: #003c69;
    background: #f4f4f4;
    border: 0;
    padding: 13px 18px 12px;
    font-size: 12px;
    line-height: 16px;
}
#content .search-results .result-block a, #content .spelling-suggestions a,#content .search-results .results-list a{
    color: #003D69;
}
#content .search-results p {
    margin-top: 0;
    margin-bottom: 20px;
}
.search-results .result-block .btn-info:hover,
.search-results .result-block .btn-info:focus { opacity: 0.8; }
.search-section {
    position: relative;
    z-index: 100;
    background: #f4f4f4;
}
.search-section {
    margin-bottom: 5px;
}
.search-section:after {
    clear: both;
    display: block;
    content: "";
}
.majuscule-bleu,
.search-section .heading {
    color: #64a0c8;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    display:block;
    margin: 0 5px 16px 10px;
}
.search-section.add .heading {
    margin-left: 5px;
}
a.majuscule-bleu:hover,
a.majuscule-bleu:focus {
    color: #64a0c8;
}
.search-section .holder {
    overflow: hidden;
    padding: 21px 20px 0 18px;
}
.search-section.add .holder { padding-bottom: 31px; }
.search-section .meta {
    border-top: 3px solid #fff;
    padding: 22px 10px 20px 24px;
    margin: 0 -20px 0 -18px;
    text-transform: uppercase;
}
.search-section .meta .text,
.search-section .meta a { color: #64a0c8; }
.search-section .search-form {
    border: 1px solid #ddddcf;
    padding: 3px;
    overflow: hidden;
    margin: 0 0 33px;
    background: #fff;
}
.search-section.add .search-form { margin: 0 0 10px; }
.search-section .search-form .form-control {
    border: 0;
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    font-size: 14px;
    line-height: 17px;
    font-style: italic;
    padding: 9px 21px;
    display: block;
    height: 35px;
    width: 100%;
    color: #8b8f94
}
.search-section .search-form .form-control::-moz-placeholder {
    color:#8b8f94;
}
.search-section .search-form .form-control:-ms-input-placeholder {
    color:#8b8f94
}
.search-section .search-form .form-control::-webkit-input-placeholder {
    color: #8b8f94;
}
.search-section .search-form .form-group {
    overflow: hidden;
    display: block;
    margin: 0;
}
.search-section .search-form .btn-default {
    background: url(../images/sprite.png) no-repeat -122px 0;
    width: 25px;
    height: 25px;
    overflow: hidden;
    text-indent: -9999px;
    padding: 0;
    float: right;
    margin: 5px 10px 0 3px;
    border: 0;
}
.search-section ul {
    margin: 0;
    padding: 0 7px;
    list-style: none;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    overflow: hidden;
}
.search-section ul > li {
    overflow: hidden;
    padding: 0 0 13px;
}
.search-section .subtitle {
    float: left;
    width: 82px;
    padding: 0 10px 0 0;
    font-size: 16px;
    line-height: 19px;
    color: #003c69;
}
.search-section ul > li > ul {
    text-transform: uppercase;
    padding: 5px 0 6px;
}
#content .search-section ul > li:first-child > ul, .search-section ul > li:first-child > ul { padding-top: 4px; }
#content .search-section ul > li > ul > li { padding: 0 0 9px; }
.search-section ul > li > ul > li > a { color: #77a1d3; }
.search-section ul li ul li a:hover,
.search-section ul li ul li a:focus,
.search-section ul > li > ul > li.active > a {
    color: #e17000;
    text-decoration: none;
}
.search-section ul > li > ul > li > ul {
    display: none;
    text-transform: none;
    padding: 0 12px;
}
.search-section ul > li > ul > li > ul > li { padding: 3px 0 0; }
.search-section ul > li > ul > li > ul > li > a { color: #353535; }
.search-section ul > li > ul > li > ul > li.active > a {
    color: #e17000;
    text-decoration: none;
}
.search-section ul > li > ul > li.active > ul { display: block; }
.accessibility {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
}
.accessibility:focus {
    position: static;
    width: auto;
    height: auto;
}
.datepicker {
    background: #fff;
    padding: 0 9px 9px;
}
.ui-datepicker-inline {
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    border-top: 1px solid #e0e0e0;
    border-right:0;
    padding:0 0 0 1px;
    border-radius:3px;
}
.ui-datepicker-header {
    background: #e4ecf6;
    color: #003c69;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    overflow: hidden;
    text-transform:uppercase;
    padding: 8px 25px ;
    height:36px;
    margin:0 0 0 -1px;
    position: relative;
    letter-spacing:1px;
    text-align: center;
    border-radius:3px 3px 0 0;
}
.ui-datepicker-prev,
.ui-datepicker-next {
    background:url(../images/sprite.png) no-repeat -216px -105px;
    height: 10px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    cursor: pointer;
    top: 50%;
    margin:-5px 0 0;
    width: 7px;
}
.ui-datepicker-next:hover,
.ui-datepicker-next:focus{
    background-position:-184px -105px;
}
.ui-datepicker-prev {
    background-position:-165px -105px;
    left: 10px;
    right: auto;
}
.ui-datepicker-prev:hover,
.ui-datepicker-prev:focus{
    background-position:-200px -105px;
}
.ui-datepicker-calendar thead{ display:none;}
.ui-datepicker-calendar,
.ui-datepicker-calendar thead,
.ui-datepicker-calendar tbody,
.ui-datepicker-calendar row {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    margin: 0;
}
.ui-datepicker-calendar th {
    padding: 1px;
    text-align:center;
}
.ui-datepicker-calendar th span {
    background: #fff;
    color: #fff;
    display: block;
    font-size: 12px;
}
.ui-datepicker-calendar td.ui-state-disabled  span,
.ui-datepicker-calendar td.ui-state-disabled  span:hover,
.ui-datepicker-calendar td.ui-state-disabled  span:focus{
    color:#cccfd3;
    border-color:#d0d4d9;
    background:#fff;
}
.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
    display: block;
    color: #4d5155;
    font-weight:700;
    border:1px solid #d0d4d9;
    position: relative;
    text-align: center;
    line-height:38px;
    margin:-1px 0 0 -1px;
}
.ui-datepicker-calendar td.js-active-class span:after,
.ui-datepicker-calendar td.js-active-class a:after {
    top: 0;
    right: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(224, 222, 216, 0);
    border-right-color: #e0ded8;
    border-width:  0 11px 11px 0 ;
}
.ui-datepicker-calendar td a:hover,
.ui-datepicker-calendar td a:focus,
.ui-datepicker-calendar td span:hover,
.ui-datepicker-calendar td span:focus{
    border-color:#e0a38a;
}
.ui-datepicker-calendar td.ui-state-active,
.ui-datepicker-calendar td.ui-state-highlight{
    position:relative;
    z-index:5;
}
.ui-datepicker-calendar td.ui-state-active span,
.ui-datepicker-calendar td.ui-state-highlight span,
.ui-datepicker-calendar td a:hover,
.ui-datepicker-calendar td a:focus,
.ui-datepicker-calendar td span:hover,
.ui-datepicker-calendar td span:focus,
.ui-datepicker-calendar td .ui-state-active{
    border: 1px solid #e0a38a;
    background: #eef1f5;
    position:relative;
    color:#e17000;
    z-index:6;
    text-decoration:none;
}
.ui-datepicker-calendar td .ui-state-active {
    background: #eef1f5;
    color:#e17000;
}
.ui-datepicker-calendar tbody{ border-radius:0 0 3px 3px;}
.ui-datepicker-calendar tr:last-child td:first-child a,
.ui-datepicker-calendar tr:last-child td:first-child span{ border-radius:0 0 0 3px;}
.ui-datepicker-calendar tr:last-child td:last-child a,
.ui-datepicker-calendar tr:last-child td:last-child span{ border-radius:0 0 3px;}
@media (max-width : 1279px) {
    .carto .breadcrumb { margin-left: 251px; }
    .slogan{
        left:115px;
    }
    #header .nav-area {
        padding: 11px 5px 6px 10px;
    }
    #header .social-networks li { padding: 23px }
    #header .navbar-form {
        margin: 0;
        width: 100%;
    }
    .navbar-default .holder {
        padding : 11px 22px 6px 0
    }
    .navbar-default .navbar-nav {
        clear: both;
        width: 100%;
        padding: 13px 10px 0;
    }
    .navbar-nav > li > .dropdown-menu .frame {
        width: 1024px;
        padding-left: 160px;
    }
    .inner .navbar-nav > li > .dropdown-menu .frame{
        padding-left:77px;
    }
    .banner { height: 332px; }
    .navbar-nav > li > .dropdown-menu .menu { width: 33.33%; }
    /*2023-04-MLO *//*.carousel { width: 748px; }*/
    .carousel { max-width: 748px; width:100% }
    .carousel .item img { min-height: 419px; }
    .map-area { width: 276px; }
    .map-area .access { padding: 9px 2px 6px; }
    .map-area .access h2 { margin: 0 0 11px; }
    .map-area .access ul li .icon { margin-bottom: 4px; }
    .map-area .access ul li {
        width: 25%;
        padding: 0 3px 20px;
        font-size: 10px;
    }
    .map-area .access .opener { height: 18px; }
    .map-area .access .opener .opened,
    .map-area .access .opener .closed { margin-top: 9px; }
    .map-area .access .opener:before { bottom: -17px; }
    .map-area .location {
        bottom: auto;
        top: 151px;
        left: 0;
        padding: 0;
        right: 0;
        width: auto;
        text-align: center;
    }
    .map-area .location:before {
        margin: 0 -10px 0 1px;
        display: inline-block;
        float: none;
        vertical-align: middle;
    }
    .carousel .carousel-caption {
        padding: 11px 4px 11px 35px;
        width: 46.8%
    }
    .events .header {
        width: 220px;
    }
    .events .header .holder{
        padding: 29px 5px 50px 35px;
    }
    .events .slide {
        min-height: 183px
    }
    .events .slide .holder{
        padding: 32px 20px 27px 51px;
    }
    .discoveries .header {
        padding: 35px 15px 45px 36px;
        width: 220px;
    }
    #sidebar .filter-form{
        padding:0 20px 20px;
    }
    #content {
        padding-left: 20px;
        margin-right: 0px;
    }
    #footer .logo { margin-left: -1px; }
    #footer .fnav ul { padding-right: 0; }
    .banner .holder,
    .banner .holder img { min-width: 1024px; }
    .intro-area .item-box{
        height:211px;
    }
    .intro-area .item-box.fonds{
        height:210px;
    }
    .intro-area .item-box a{
        padding:30px 10px 0 28px;
    }
    .item-row .image-holder img{
        height:267px;
    }
    .item-row .header{
        width:169px;
    }
    .item-row li,
    .item-row-box{
        width:171px;
    }
    .events-section .event .holder { min-height: 180px; }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-left: 0;
    }
    #footer .row .container .row {
        margin-left: 0;
        margin-right: 0;
    }
}
@media screen and (max-width: 992px) {

    #footer .fnav ul {
        text-align: left;
    }

}
.sidenav div#collapseOne-events {
    margin-top: 60px;
}
.sidenav.inactive div#collapseOne-events {
    margin-top: 0px;
}
.sidenav div#collapseOne-events.menuFonctionnalite {
    margin-top: 44px;
}
@media (min-width : 1024px) {
    .sidenav .collapse,
    .sidenav .collapsing,
    .search-section .collapse,
    .search-section .collapsing {
        display: block !important;
        height: auto !important;
    }

}
@media (min-width : 768px) {
    .sidenav ul.collapse,
    .sidenav ul.collapsing {
        display: block !important;
        height: auto !important;
    }
    /*	.inner #header .navbar-form{
		width:318px;
		height:45px;
		padding:9px 10px;
		margin:15px 0 0;
		text-align:left;
	}
	.inner #header .navbar-form .form-control{
		text-align:left;
		font-size:12px;
		line-height:16px;
		padding:3px 17px;
		height:22px;
	}*/
}

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

    .map-area .map .map-img {
        /*height: auto;*/
        position: absolute;
        bottom: 0;
    }
    .map-area   {
        position: relative;
        min-height: 322px;
        height: 100%;
    }
    .map-area .location {
        z-index: 2;
    }
    #footer .row .container .row {
        margin-left: 0;
        margin-right: 0;
    }
    /*2023-04-MLO */
    .carousel .actu-info {
        position: absolute;
        bottom: 30px;
        left: 20px;
        width: 350px;
        background: rgba(255,255,255,0.8);
        padding: 12px;
    }
}

@media (max-width : 1023px) {
    #header .social-networks li { padding: 23px 10px; }
    #header .nav-area {
        width: 70%;
        padding: 13px 5px 5px 10px;
    }
    .inner .navbar-default .navbar-nav > li > a.home{
        margin-left:20px;
    }
    .navbar-nav > li > .dropdown-menu .frame {
        width: 768px;
        padding-left: 150px;
    }
    .inner .navbar-nav > li > .dropdown-menu .frame{
        padding-left:60px;
    }
    .navbar-default .navbar-nav { font-size: 12px; }
    .inner .navbar-default .navbar-nav { font-size: 13px; }
    .navbar-default .navbar-nav { padding: 11px 3px 0; }
    .navbar-default .navbar-nav > li + li:before { margin: 2px 9px; }
    /*2023-04-MLO*/
    .carousel { max-width: 544px; width:100% }
    .map-area { width: 224px; }
    .carousel .carousel-caption { width: 62.8%; }
    .carousel .item img { min-height: 322px; }
    .map-area .access { padding: 9px 2px 11px; }
    .map-area .access h2 { margin: 0 0 4px; }
    .map-area .access ul li .icon {
        width: 40px;
        height: 40px;
        margin-bottom: 6px;
    }
    .map-area .access ul li {
        width: 33.33%;
        padding: 3px 0 0;
    }
    .map-area .access ul li .icon img {
        padding-top: 1px;
    }
    .map-area .access ul{
        min-height:73px;
    }
    .map-area .access ul.collapse.in{
        height:auto !important;
    }
    .map-area .access ul.collapse{
        height:73px !important;
    }
    .map-area .access .opener { height: 12px; }
    .map-area .access .opener .opened,
    .map-area .access .opener .closed { margin-top: 3px; }

    #main { padding-bottom: 20px; }
    .events {
        border: 0;
        margin-bottom: 0;
    }
    .events .header {
        float: none;
        width: auto;
        overflow: hidden;
        height: auto !important;
    }
    .events .header .holder{
        padding: 12px 100px 12px 35px;
    }
    .events .btn-area {
        bottom: auto;
        top: 16px;
        right: 10px;
    }
    .events .header h2 {
        display: inline-block;
        margin: 0 5px 0 0;
        vertical-align: top;
        width: 140px;
    }
    .events .header .links {
        display: inline-block;
        vertical-align: bottom;
        margin: 0 0 -3px 8px;
    }
    .events .header .links li { float: left; }
    .events .header .links li + li:before {
        content: "/";
        margin: 0 5px;
        float: left;
    }
    .events .mask-holder {
        margin: 0 10px;
        border-left: 1px solid #f4f4f4;
        height:156px !important;
    }
    .events .slide {
        width: 249px;
        min-height: 130px;
        height: 156px !important;
    }
    .events .slide .holder{
        padding: 21px 20px 19px 24px;
    }
    /* .events .slide .more {
		bottom: 2px;
		right: 5px;
	} */
    .discoveries { margin: 0; }
    .discoveries .header {
        float: none;
        width: auto;
        height: auto !important;
        overflow: hidden;
        padding: 15px 100px 15px 34px;
    }
    .discoveries .header h2 { margin: 0; }
    .discoveries .btn-area {
        bottom: auto;
        top: 8px;
        right: 9px;
    }
    .discoveries .mask-holder {
        margin: 0;/* 9px;*/
        padding: 0;
        border-left: 9px solid white;
        border-right: 9px solid white;
        overflow: hidden;
    }
    .discoveries .mask .slideset .slide { width: 250px; }
    #sidebar .filter-form{
        width:280px;
        padding:0 0 20px;
        margin:0 auto;
    }
    .box-holder{
        overflow:hidden;
        margin:0 0 19px;
    }
    .item-box{
        float:left;
        width:50%;
        height:80px;
    }
    .item-box a:before{
        right:96px;
    }
    .item-box.fonds a:before{
        right:55px;
    }
    .block-list{
        overflow:hidden;
        border:1px solid #f4f4f4;
        text-align:center;
    }
    .block-list .title-holder{
        width:25%;
        float:left;
        height:81px;
        padding:0;
    }
    .block-list ul{
        float:left;
        width:75%;
        border:0;
        display:table;
        table-layout:fixed;
    }
    .block-list ul li{
        display:table-cell;
        vertical-align:middle;
        border:0;
        border-left:1px solid #f4f4f4;
        width:33.3%;
    }
    .block-list ul li .holder{
        display:block;
        padding:0;
        position:relative;
    }
    .block-list ul li img{
        margin:0 6px 0 0;
    }
    .block-list .more{
        bottom:-10px;
        right:6px;
    }
    #footer {
        font-size: 12px;
        line-height: 15px;
    }
    /*#footer .footer-content { display: table; }
	#footer .fnav {
		display: table-footer-group;
		float: none;
	}
	#footer .fnav ul { padding: 0 0 21px; }*/
    #footer .logo { margin: 0 9px 0 -1px }
    /*#footer .logo-morbian { margin: 0 0 21px; }*/
    #footer .social-networks { padding: 0 0 20px; }
    #footer .social-networks li a:before { margin-right: 5px; }
    #footer .social-networks li .plan:before { margin: -3px 4px 0 0; }
    #footer .social-networks li .contact:before {
        height: 17px;
        width: 23px;
        background-position: -104px -33px;
    }
    #footer .social-networks li .rss:before {
        height: 16px;
        width: 15px;
        background-position: -148px -34px;
        margin: -2px 5px 0 0
    }/*
	#footer .social-networks li { margin: 0 0 5px 13px }
	#footer .social-networks li:nth-child(4) {
		clear: both;
		margin: 0 0 5px 0;
	}*/
    .banner { height: 332px; }
    .banner { height: 266px; }
    #content,
    .page-details #content {
        padding-top: 10px;
        padding-bottom: 0;
    }
    #content {
        /* padding-left: 35px; */
        padding-left: 40px;
    }
    .breadcrumb,
    .page-details .breadcrumb { margin-bottom: 29px }
    .has-nav-second .breadcrumb,
    .page-details .has-nav-second .breadcrumb {
        margin-left: 43px
    }
    .carto .breadcrumb { margin-left: 5px; }
    #content .text { padding: 0 0 21px }
    #content .faqs h2 { margin: 0 0 16px; }

    .sidenav,
    .page-details .sidenav { margin: 0; }
    .row .sidenav {
        min-height: 0;
        margin-left: 40px;
    }
    .row .sidenav.inactive {
        margin-top: 0;
    }
    #content .faqs p { margin: 0 0 17px; }
    #content .list {
        margin: -2px 15px 0 4px;
        padding: 0;
    }
    #content .list li {
        padding: 0 0 0 18px;
        margin: 18px 0 0;
    }
    #main .tags { padding: 30px 0 0; }
    .sidenav .holder {
        position: absolute;
        left: 1px;
        top: 45px;
        width: 320px;
    }
    #sidebar {
        padding-bottom: 0;
        padding-left: 40px;
    }
    #sidebar .reports {
        position: relative;
        padding: 22px 75px 11px 25px;
    }
    #sidebar .reports .holder { margin: 0 -19px; }
    #sidebar .reports h3 { padding: 0 0 5px; }
    #sidebar .reports .post,
    #sidebar .reports .post:first-child {
        float: left;
        width: 50%;
        padding: 4px 19px;
    }
    #sidebar .reports .btn-more {
        background: #a4c6df;
        border-radius: 0 0 2px;
        font-size: 27px;
        line-height: 37px;
        width: 26px;
        height: 40px;
        padding: 3px 7px 0 0;
        color: #fff;
        position: absolute;
        text-align: center;
        right: 0;
        font-weight: 300;
        bottom: 0;
    }
    #sidebar .reports .btn-more:after {
        bottom: 0;
        right: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #a4c6df;
        border-width: 0 0 40px 16px;
    }
    #sidebar .reports .btn-more:hover,
    #sidebar .reports .btn-more:focus {
        text-decoration: none;
        opacity: 0.8;
    }
    #sidebar .item-list { padding: 15px 0; }
    #sidebar .item-list h3 {
        display: inline-block;
        vertical-align: top;
        min-width: 323px;
    }
    #sidebar .item-list .title {
        display: inline;
        text-transform: none;
        margin: 0 2px 0 0
    }
    #sidebar .item-list span {
        display: inline;
        margin: 0 2px 0 0;
    }
    #sidebar .item-list ul { padding: 22px 28px }
    #sidebar .item-list ul li:after { top: 0; }
    #sidebar .item-list ul li { padding: 0 22px 15px; }
    #content .faqs p br { display: block; }
    .content-holder,
    .page-contact .content-holder { padding: 0; }
    .banner .holder,
    .banner .holder img { min-width: 810px; }
    .events-section.add { padding-bottom: 20px; }
    .search-results { padding: 0; }
    .search-results.add ul { padding: 0; }
    .search-section .title {
        background: url(../images/sprite.png) no-repeat 0 -94px;
        width: 30px;
        height: 31px;
        overflow: hidden;
        text-indent: -9999px;
        position: absolute;
        left: 1px;
        padding: 0;
        top: 1px;
    }
    .search-section .title a {
        display: block;
        height: 100%
    }
    .search-section .holder {
        position: absolute;
        left: 0;
        top: 40px;
        width: 100%;
        background: #f4f4f4;
    }
    .footer-content .text{
        display:block;
        margin:0 0 20px;
    }
    .inner .carousel{
        float:none;
        width:auto;
    }
    .inner .carousel .carousel-caption{
        padding:11px 4px 11px 22px;
        width:54.5%;
    }
    .intro-area .box-holder{
        float:none;
        width:auto;
        margin:0 0 12px;
    }
    .intro-area .item-box,
    .intro-area .item-box.fonds{
        height:66px;
        font-size:19px;
        line-height:24px;
    }
    .intro-area .item-box a{
        vertical-align:middle;
        padding:0 150px 0 24px;
    }
    .intro-area .item-box a:before{
        width:52px;
        height:45px;
        background-position:-298px -133px;
        right:80px;
        left:auto;
        top:50%;
        bottom:auto;
        margin:-22px 0 0;
    }
    .intro-area .item-box.fonds a:before{
        width:39px;
        height:39px;
        background-position:-245px -94px;
        right:92px;
        margin:-20px 0 0;
    }
    .item-row .image-holder img{
        height:203px;
    }
    .item-row .header{
        font-size:14px;
        line-height:17px;
        padding:30px 10px 10px 22px;
        width:123px;
    }
    .item-row .header h2{
        font-size:19px;
        line-height:24px;
        margin:0 0 4px;
    }
    .item-row li{
        width:130px;
        font-size:14px;
        line-height:16px;
    }
    .item-row li img{
        width:67px;
        height:auto;
    }
    .item-row-box{
        width:255px;
        padding-top:25px;
    }
    .item-row .text{
        margin:0 0 30px;
    }
    .events-section .event .holder { min-height: 180px; }

    #main .tags {
        margin: 0 10px 0 30px;
    }
}
@media (max-width : 767px) {
    body {
        font-size: 12px;
        line-height: 15px;
    }
    .discoveries .mask-holder {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .scrollable-area-wrapper,
    .select-options .drop-list { width: 100% !important; }

    .inner .logo{
        width:50px;
        margin:13px 0 11px 8px;
    }
    .slogan{
        top:10px;
        left:68px;
        font-size:12px;
        line-height:14px;
    }
    .slogan span{
        font-size:19px;
        line-height:21px;
        margin:0;
    }
    #header,
    .navbar-default {
        width: auto;
        float: none;
        min-height: inherit;
    }
    .navbar-default .navbar-collapse > .frame {
        background: #f4f4f4;
        border-left: 1px solid #a4a4a4;
        overflow: hidden;
        position: relative;
        z-index: 1;
        padding: 10px 17px 55px 16px;
        min-height: 210px;
    }
    .navbar-default .holder {
        float: none;
        width: auto;
        overflow: hidden;
        padding: 0 0 28px;
    }
    .dropdown-menu .scrollable-area-wrapper,
    .dropdown-menu .scrollable-area {
        height: 270px !important;
        width: 100% !important;
    }
    .dropdown-menu .vscrollbar {
        height: 270px !important;
        display: block !important;
    }
    .drop-holder .scrollable-area-wrapper,
    .drop-holder .scrollable-area { height: 110px !important; }
    .drop-holder .vscrollbar { height: 110px !important; }
    #header .search-form {

    }
    .inner #header .navbar-form{
        margin:0;
    }
    /*#header .navbar-form {
		width: auto;
		background: #fff;
		border-radius: 2px;
		padding: 5px 3px 4px;
		border-color: #e5e4df;
	}
	.navbar-form .form-group { padding: 3px 13px; }
	.inner .navbar-default .nav{
		position:static;
		bottom:auto;
		padding:0;
		width:auto;
		border:0;
		font-size:15px;
	}
	#header .navbar-form .form-control {
		font-size: 11px;
		line-height: 14px;
	}
	#header .navbar-form .btn-default,
	 .search-section .search-form .btn-default {
		width: 28px;
		margin: 0 7px 0 0;
		height: 28px;
		background: url(../images/sprite-320.png) no-repeat -122px -72px;
	}
	.search-section .search-form .btn-default { margin: 3px 7px 0 0; }
	.navbar-default .navbar-nav {
		font-size: 15px;
		line-height: 18px;
		margin: 0;
		padding: 0;
	}*/
    .navbar-default .navbar-nav > li {
        float: none;
        overflow: hidden;
        padding: 0 0 20px;
    }
    .navbar-default .navbar-nav > li > a:after {
        display: inline-block;
        vertical-align: middle;
        background: url(../images/sprite-320.png) no-repeat -32px -115px;
        width: 14px;
        content: "";
        height: 14px;
        margin: -1px 0 0 14px;
    }
    .navbar-default .navbar-nav > li > a:hover:after,
    .navbar-default .navbar-nav > li > a:focus:after,
    .navbar-default .navbar-nav > li.open > a:after { background-position: 0 -111px; }
    .navbar-default .navbar-nav > li + li:before { display: none; }
    .navbar-nav > li > .dropdown-menu {
        padding: 10px 1px 0 0;
        margin: 0;
        background: none;
        overflow: hidden;
        position: relative;
        text-transform: none;
    }
    .navbar-nav > li > .dropdown-menu .frame {
        background: none;
        padding: 0 30px 0 10px;
        margin: 0;
        position: relative;
        height: 267px;
        overflow: auto;
        width: auto;
    }
    .inner .navbar-nav > li > .dropdown-menu .frame{
        padding: 0 30px 0 10px;
    }
    .navbar-nav > li > .dropdown-menu .frame:after {
        background: #e0ded8;
        height: 1px;
        content: "";
        position: absolute;
        left: 0;
        right: 30px;
        top: 0;
    }
    .navbar-nav > li > .dropdown-menu .menu {
        float: none;
        overflow: hidden;
        width: auto;
        padding: 0;
        font-size: 12px;
        line-height: 15px;
    }
    .navbar-nav > li > .dropdown-menu .menu li {
        padding: 5px 9px 4px;
        border-top: 1px solid #e0ded8;
        overflow: hidden;
    }
    .navbar-nav > li > .dropdown-menu .menu:first-child li:first-child { border: 0; }
    .navbar-nav > li > .dropdown-menu .menu li a {
        color: #000;
        padding: 0;
        float: left
    }
    .navbar-nav > li > .dropdown-menu .menu li a:hover,
    .navbar-nav > li > .dropdown-menu .menu li a:focus {
        color: #64a0c8;
        background: none;
    }
    .carousel {
        width: auto;
        float: none;
        overflow: hidden;
    }
    .carousel .carousel-caption {
        position: static;
        display: block;
        width: auto;
        min-height: 0;
        padding: 6px 16px 16px;
        background: #fff;
        border-top: 1px solid #c6d3dd;
        color: #353535;
        font-size: 11px;
        line-height: 14px;
    }
    .inner .carousel .carousel-caption{
        width:auto;
        border-top: 1px solid #204b6a;
        background:#406d8f;
        color:#fff;
        padding: 6px 74px 12px 16px;
    }
    .inner .carousel .carousel-caption h2 a{
        color:#fff;
    }
    .carousel .carousel-caption .subtitle {
        display: block;
        color: #e17000;
        text-transform: uppercase;
        line-height: 11px;
        font-weight: 400;
    }
    .carousel .carousel-caption .date { margin: 0 0 1px; }
    .carousel .carousel-caption h2 {
        font-size: 13px;
        margin: 0 0 11px;
        line-height: 17px;
    }
    .inner .carousel .carousel-caption h2{
        font-size:19px;
        line-height:22px;
    }
    .carousel .carousel-caption h2 a { color: #003c69; }
    .carousel .carousel-caption:after { display: none; }
    .carousel .paging-holder {
        /* 		bottom: auto;
		top: 150px;
 */	}
    .carousel .carousel-control.right,
    .carousel .carousel-control.left {
        background: url(../images/sprite-320.png) no-repeat -115px -32px;
        width: 13px;
        height: 24px;
        left: 5px;
        top: 88px;
    }
    .carousel .carousel-control.right {
        background-position: -138px -32px;
        left: auto;
        right: 5px;
    }
    .carousel .carousel-indicators li.active,
    .carousel .carousel-indicators li {
        width: 10px;
        height: 10px;
    }
    .carousel .img-area {
        overflow: hidden;
        max-height: none; /*181px;*/
    }
    .carousel .img-area img{
        max-height: none;/*100%;*/
    }
    .map-area {
        float: none;
        width: auto;
    }
    .map-area .map .map-img { width: 100%; margin-top:80px;}
    .carousel .item img { min-height: inherit; }


    .carousel .paging-holder .btn-area .btn {
        width: 26px;
        height: 26px;
        right: -43px;
    }
    .carousel .paging-holder .btn-area .btn-pause:after {
        width: 12px;
        margin: -17px auto 0;
        height: 13px;
        background: url(../images/sprite-320.png) no-repeat 0 -69px;
    }
    .carousel .paging-holder .btn-area .btn-play:after {
        width: 11px;
        margin: -17px auto 0;
        height: 15px;
        background: url(../images/sprite-320.png) no-repeat -35px -71px;
    }
    .carousel .paging-holder {
        /* top: 147px; */
        right: 5px;
        padding: 0 42px 0 0;
    }
    .inner .carousel .paging-holder{
        top:123px;
    }
    .map-area .access h2 {
        background: #003c69;
        text-align: left;
        padding: 9px 18px 7px;
        font-size: 15px;
        line-height: 18px;
        color: #fff;
    }
    .map-area .access { padding: 0; }
    .map-area .access ul {
        padding: 2px 5px;
    }
    .map-area .access ul{
        min-height:62px;
    }
    .map-area .access ul.collapse.in{
        height:auto !important;
    }
    .map-area .access ul.collapse{
        height:62px !important;
    }
    .map-area .access ul li .icon {
        width: 32px;
        height: 32px;
        margin-bottom: 1px;
    }
    .map-area .access ul li {
        width: 25%;
        padding: 3px 0 15px;
    }
    .map-area .access ul li .icon img {
        width: 19px;
        height: 19px;
        padding-top: 0px;
    }
    .map-area .access .opener {
        width: 41px;
        height: 14px;
        margin: 0 0 0 -20px;
    }
    .map-area .access .opener:before {
        width: 35px;
        bottom: -14px;
    }
    .map-area .access .opener .closed,
    .map-area .access .opener .opened {
        background: url(../images/sprite-320.png) no-repeat -82px -73px;
        width: 12px;
        height: 12px;
        margin-top: 8px
    }
    .map-area .access .opener .opened { background-position: -65px -73px; }
    .map-area .location {
        left: 20px;
        top: auto;
        bottom: 20px;
        font-size: 15px;
        line-height: 15px;
        max-width: 140px;
        text-align: left;
    }
    .map-area .location:before {
        background: url(../images/sprite-320.png) no-repeat;
        width: 20px;
        height: 23px;
        margin: -1px 6px 0 0;
        float: left;
    }
    .map-area {
        height: auto !important;
    }
    .map-area:after {
        clear: both;
        display: block;
        content: "";
    }
    .page-search #main,
    #main {
        padding-bottom: 12px;
        padding-top: 0;
    }
    .events .mask-holder {
        margin: 0;
        height:auto !important;
    }
    .events .mask .slideset {
        overflow: hidden;
        float: none;
        white-space: inherit;
        margin: 0 !important;
        height: 253px;
    }
    .events .slide {
        border: 0;
        border-top: 1px solid #f4f4f4;
        height: auto !important;
        width: 100%;
    }
    .events .header,
    .events .header .holder{
        background: none;
        padding: 0;
    }
    .events .header h2 {
        font-size: 15px;
        line-height: 18px;
        display: block;
        padding: 8px 17px 7px;
        background: #f4f4f4;
        width: auto;
    }
    .events .header .links {
        text-align: right;
        display: block;
        margin: 0;
        padding: 9px 10px 8px;
        font-size: 10px;
        font-weight: 700;
        line-height: 20px;
        text-transform: uppercase;
    }
    .events .header .links li {
        float: none;
        display: inline-block;
        vertical-align: top;
        padding: 0 0 5px 10px;
    }
    .events .header .links li + li:before { display: none }
    .events .header .links li a {
        background: #f4f4f4;
        display: block;
        padding: 0 7px;
        border-radius: 2px;
    }
    .events .header h2 br { display: none; }
    .events .slide {
        float: left;
        width: 100%;
        min-height: 84px;
    }
    .events .slide .holder{
        padding: 10px 20px 1px 16px;
    }
    .events .slide:first-child .holder { padding: 12px 20px 11px 16px; }
    .events .mask { height: auto !important; }
    .events .slide .head {
        font-size: 10px;
        line-height: 14px;
        padding: 0 0 7px;
    }
    .events .slide .head h3 {
        font-size: 12px;
        line-height: 12px;
    }
    .events .slide h4 {
        font-size: 14px;
        line-height: 17px;
        margin: 0 25px 10px 0
    }
    .events .slide h4 br { display: none; }
    .events .slide .more {
        bottom: -2px;
        right: 17px;
        font-size: 24px;
        line-height: 29px;
    }
    .events .below .links {
        text-align: right;
        display: block;
        margin: 0;
        padding: 9px 10px 8px;
        font-size: 10px;
        font-weight: 700;
        line-height: 20px;
        text-transform: uppercase;
    }
    .events .below .links li {
        float: none;
        display: inline-block;
        vertical-align: top;
        padding: 0 0 5px 10px;
    }
    .events .below .links li a {
        background: #f4f4f4;
        display: block;
        padding: 0px 7px;
        border-radius: 2px;
        color: #003c69;
    }
    .discoveries .header {
        background: #e17000;
        color: #fff;
        padding: 6px 17px 4px;
        height: auto !important;
    }
    .discoveries-select {
        height: auto !important;
        padding: 8px 5px;
        overflow: hidden;
        position: relative;
    }
    .discoveries-select select { width: 100%; }
    .discoveries .header h2 {
        font-size: 15px;
        color: #fff;
    }
    .box-holder,
    .intro-area .box-holder{
        margin:0 0 7px;
    }
    .item-box,
    .intro-area .item-box,
    .intro-area .item-box.fonds{
        float:none;
        width:100%;
        height:55px;
        font-size:16px;
        line-height:20px;
    }
    .item-box a{
        padding:0 150px 0 15px;
    }
    .intro-area .item-box a{
        padding:0 145px 0 15px;
    }
    .item-box a:after,
    .intro-area .item-box a:after{
        width:37px;
        height:35px;
        background:url(../images/sprite-320.png) no-repeat 0 -151px;
    }
    .item-box a:before,
    .intro-area .item-box a:before{
        background:url(../images/sprite-320.png) no-repeat -44px -151px;
        width:44px;
        height:38px;
        right:70px;
        margin-top:-19px;
    }
    .item-box.fonds a:before,
    .intro-area .item-box.fonds a:before{
        background:url(../images/sprite-320.png) no-repeat -93px -151px;
        width:32px;
        height:32px;
        right:77px;
        margin-top:-16px;
    }
    .block-list{
        border:0;
        font-size:11px;
        line-height:15px;
        margin:0;
    }
    .block-list .title-holder{
        float:none;
        width:auto;
        height:auto;
        font-size:16px;
        line-height:18px;
        padding:8px 16px 7px;
        display:block;
    }
    .block-list .title-holder span{
        padding:0;
    }
    .block-list ul{
        width:100%;
        border-bottom:1px solid #cdcdcd;
    }
    .block-list ul li{
        vertical-align:top;
        border-left:0;
        border-right:1px solid #cdcdcd;
    }
    .block-list ul li:first-child {
        border-left:1px solid #cdcdcd;
    }
    .block-list ul li .holder{
        padding:47px 10px 0;
        height:136px;
    }
    .block-list ul li img{
        margin:0;
        vertical-align:top;
    }
    .block-list .text{
        position:absolute;
        top:14px;
        left:0;
        width:100%;
    }
    .block-list .more{
        bottom:6px;
    }
    #footer {
        text-align: center;
        padding-top: 9px;
        padding-bottom: 13px;
        min-height: inherit;
    }
    #footer .subtitle {
        display: block;
        margin: 0 0 13px;
    }
    /*	#footer .social-networks {
		margin: 0 -22px;
		padding: 0 0 14px;
	}
	#footer .social-networks li,
	 #footer .social-networks li:first-child {
		display: inline-block;
		vertical-align: middle;
		float: none;
		margin: 0 22px 0 21px;
	}
	#footer .social-networks li:nth-child(3n+1) {
		clear: none;
		margin: 0 22px 0 21px;
	}
	#footer .social-networks li a {
		overflow: hidden;
		text-indent: -9999px;
		display: block;
		font-size: 0;
		line-height: 0;
		padding: 0;
	}*/
    #footer .social-networks li a:before {
        background: url(../images/sprite-320.png) no-repeat -39px 0;
    }
    #footer .social-networks {
        padding-bottom: 0;
    }
    #footer .footer-content { width: 100%; }
    #footer .social-networks li .faqs:before { width: 23px }
    #footer .social-networks li .plan:before {
        background-position: -77px 0;
        width: 16px;
    }
    #footer .social-networks li .mobile:before {
        background-position: -108px 0;
        width: 22px;
        height: 24px;
    }
    #footer .social-networks li .contact:before {
        background-position: 0 -32px;
        height: 17px;
    }
    #footer .social-networks li .facebook:before {
        background-position: -44px -32px;
        height: 20px;
        width: 10px
    }
    #footer .social-networks li .rss:before {
        background-position: -79px -32px;
        height: 20px;
        width: 21px;
    }
    /*2023-03_LLE*/
    #footer .social-networks li .presse:before {
        background: url(../images/sprite.png) no-repeat -172px 0;
        background-position: -275px -72px;
        width: 19px;
    }

    #footer .fnav {
        text-align: center;
        font-size: 10px;
        line-height: 14px;
        margin-top: 0;
    }
    /*#footer .fnav ul { padding: 0 0 10px; }*/
    #footer .fnav ul li {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    #header .social-networks span:before {
        vertical-align: middle;
        background: url(../images/sprite-320.png) no-repeat -136px -115px;
        width: 9px;
        height: 18px;
    }
    #header .social-networks span:focus:before,
    #header .social-networks span:hover:before {
        background-position: -136px -135px;
    }

    #header .social-networks span.email:focus:before,
    #header .social-networks span.email:hover:before {
        background-position: -59px -131px;
    }
    #content {
        padding-left: 30px;
        padding-right: 35px;
    }
    #content h1 {
        font-size: 24px;
        line-height: 28px;
        margin: 0 0 15px;
    }
    .banner { height: auto; }
    .banner .holder,
    .banner .holder img {
        min-width: inherit;
        left: auto;
    }
    #content .text {
        font-size: 14px;
        line-height: 17px;
        padding: 0 0 13px;
    }
    #content .faqs h2 {
        font-size: 19px;
        line-height: 22px;
        margin: 0 0 10px;
    }
    #content .faqs > li { padding: 0 0 10px; }
    #content .faqs p { margin: 0 0 13px; }
    #sidebar { padding-left: 30px;}
    #sidebar .reports {
        padding: 15px;
        overflow: hidden;
    }
    #sidebar .reports .holder { margin: 0; }
    #sidebar .reports h3 { padding: 0 0 13px; }
    #sidebar .reports .post,
    #sidebar .reports .post:first-child {
        width: auto;
        padding: 0 0 20px;
    }
    #sidebar .reports .btn-more:after { border-width: 0 0 30px 14px; }
    #sidebar .reports .btn-more {
        font-size: 21px;
        line-height: 28px;
        height: 30px;
        padding: 0 4px 0 0;
    }
    #sidebar .item-list h3 {
        min-width: inherit;
        display: block;
        padding: 0 15px 7px
    }
    .inner #sidebar .item-list h3{
        padding:0 0 7px;
    }
    #sidebar .item-list ul { padding: 20px 15px; }
    .inner #sidebar .item-list ul { padding: 20px 0; }
    .sidenav {
        font-size: 13px;
        line-height: 16px;
        text-transform: uppercase;
        margin-left: 0px;
    }
    .row .sidenav {
        margin-left: 0;
    }
    .sidenav .title,
    .search-section .title {
        background: #64a0c8;
        font-size: 15px;
        padding: 0;
        line-height: 15px;
    }
    .search-section .title {
        text-indent: 0;
        position: static;
        display: block;
        width: auto;
        height: auto;
        margin: 0 -10px;
    }
    .sidenav .title a,
    .search-section .title a {
        display: block;
        padding: 7px 35px 8px 17px;
        position: relative;
    }
    .sidenav .title a:after,
    .search-section .title a:after {
        background: url(../images/sprite-320.png) no-repeat -32px -136px;
        width: 14px;
        height: 14px;
        content: "";
        position: absolute;
        right: 24px;
        top: 50%;
        margin: -8px 0 0;
    }
    .sidenav .title a.collapsed:after,
    .search-section .title a.collapsed:after { background-position: 4px -136px; }
    .sidenav .holder {
        position: static;
        margin: 0 -10px;
        width: auto;
    }
    .sidenav > .holder > ul {
        padding: 5px 20px;
        position: absolute;
        left: -10px;
        right: -10px;
        top: 100%;
        text-transform: uppercase;
        background: #f4f4f4;
    }
    .sidenav > .holder > ul > li {
        border-top: 1px solid #e9e8e5;
        padding: 7px 0 7px 17px;
    }
    .sidenav > .holder > ul > li:first-child { border: 0; }
    .sidenav > .holder > ul > li > a {
        color: #003c69;
        float: none;
    }
    .sidenav > .holder > ul > li > a:hover,
    .sidenav > .holder > ul > li > a:focus,
    .sidenav > .holder > ul > li.active > a { color: #64a0c8; }
    .sidenav > .holder > ul > li > ul {
        border-top: 1px solid #e9e8e5;
        padding: 5px 0 5px 15px;
        font-size: 12px;
        line-height: 22px;
        margin: 7px 0 0;
        text-transform: none;
    }
    .sidenav > .holder > ul > li > ul > li { margin: 0; }
    .sidenav > .holder > ul > li > ul > li > a {
        color: #353535;
        padding: 0;
    }
    .sidenav > .holder > ul > li > ul > li:after { display: none; }
    .sidenav:after {
        clear: both;
        display: block;
        content: "";
    }
    .sidenav .holder {
        display: block !important;
        height: auto !important;
        position: static;
    }
    .events-section .event { width: 100%; }
    .events-section .event h2 br { display: none; }
    .events-section .event .holder { min-height: 140px; }
    .pager .btn-prev:after,
    .pager .btn-next:after { margin-top: -8px; }
    .information {
        font-size: 16px;
        line-height: 20px;
    }
    .information p br { display: none; }
    .information .form-group {
        width: 100%;
        padding: 15px 0 0;
    }
    .information .form-group:first-child { padding: 0; }
    .information .form-group.add .label,
    .information .form-group.add .select-holder {
        width: 100%;
        margin: 0;
        display: block;
        padding: 0;
    }
    .information .search-form { padding: 15px 10px; }
    .information .form-group.add .label {
        padding: 0 7px 7px;
        text-align: left;
    }
    .information .btn-primary {
        margin: 0;
    }
    .information .header h2 {
        font-size: 18px;
        line-height: 22px;
    }
    .events-section .frame { margin-bottom: 40px; }
    #sidebar .contact-info .box:first-child,
    #sidebar .contact-info .box { padding: 15px; }
    #main .contact-details .text {
        padding-top: 0;
        font-size: 16px;
        line-height: 20px;
    }
    #content .contact-details p br { display: none; }
    .contact-details { padding: 10px 0; }
    .contact-form .block:first-child .label,
    .contact-form .block .label {
        float: none;
        display: block;
        font-size: 14px;
        line-height: 17px;
        padding: 0 0 7px;
    }
    .contact-form .select-select { max-width: inherit; }
    .contact-form .form-group.add .search-holder { width: 100%; }
    .contact-form .form-group.add .label { max-width: inherit; }
    .contact-form .block:first-child .form-control,
    .contact-form .block .form-control {
        padding: 7px 13px;
        height: 32px;
    }
    .contact-form .btn-primary { width: 100%; }
    .contact-form .textbox { padding: 12px 0; }
    #sidebar .contact-map .location {
        padding-bottom: 1px;
        line-height: 19px;
    }
    .canton-details .pull-left {
        width: 100%;
        margin: 0 0 20px;
    }
    .canton-details .details-list { clear: both; }
    .canton-details .pull-left img {
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .canton-details { padding: 25px 0 0; }
    .canton-details .map-holder {
        float: none;
        margin: 0 0 10px;
        width: auto;
        overflow: hidden;
    }
    .form-research { padding: 15px; }
    .form-research .label {
        font-size: 14px;
        line-height: 17px;
        padding: 0 7px;
    }
    .news-section .header,
    .events-section .header {
        display: table;
        width: 100%;
    }
    .header .pager {
        display: table-footer-group;
        float: none;
    }
    #content .news-section h1 { margin: 0 0 5px; }
    .news-section .news .pull-left {
        width: 100%;
        margin: 0 0 10px;
    }
    .news-section .news .pull-left img { margin: 0 auto; }
    .news-section .news .textbox { clear: both; }
    .news-section .news h2 {
        font-size: 16px;
        line-height: 19px;
    }
    .news-section .news { padding: 0 0 18px; }
    .post-details .header .meta {
        font-size: 15px;
        line-height: 18px;
    }
    .post-details h2 {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 10px;
    }
    #content .post-details .header h1 br { display: none; }
    .search-results { padding: 15px 0 2px; }
    .search-results .header {
        display: table;
        width: 100%;
    }
    .search-section .holder {
        top: 100%;
        left: 0px;
        right: -10px;
        width: auto;
        padding: 10px 10px 0;
    }
    .search-section .search-form { margin: 0 0 20px; }
    .search-section .heading { margin-bottom: 10px; }
    .search-results .header .area {
        font-size: 16px;
        line-height: 19px;
        padding: 0 0 5px;
    }
    .search-results h2 {
        font-size: 14px;
        line-height: 17px;
        margin: 0 0 20px
    }
    .search-results h3,
    .search-results .title {
        font-size: 16px;
        line-height: 20px;
    }
    .search-results h3 br,
    .search-results .title br { display: none; }
    .search-results ul li,
    .search-results ul li:first-child { padding: 0 0 20px; }
    .search-results .result-block .btn-info {
        width: 100%;
        white-space: normal;
    }
    .search-results .pager { padding: 30px 0 0; }
    .search-results.add ul li,
    .search-results.add ul li:first-child { padding: 0 0 15px; }
    #content .search-results.add p { margin: 0 0 10px; }
    .item-row{
        margin:0;
        background:none;
        overflow:visible;
    }
    .item-row .holder{
        float:none;
        width:auto;
        overflow:hidden;
        margin:0 0 8px;
    }
    .item-row .header{
        width:33.5%;
        font-size:12px;
        line-height:14px;
        padding:25px 10px 15px 10px;
    }
    .item-row .block .header{
        float:none;
        width:auto;
        padding:7px 15px 3px;
    }
    .item-row .block{
        float:none;
        overflow:visible;
    }
    .item-row .image-holder img{
        float:none;
        display:block;
        width:100%;
        height:auto;
    }
    .item-row .header h2{
        font-size:16px;
        line-height:20px;
    }
    .item-row ul{
        float:none;
        overflow:hidden;
    }
    .item-row li{
        width:33.3%;
        font-size:11px;
        line-height:13px;
        padding:16px 0 0;
        height:137px;
    }
    .item-row li img{
        width:56px;
    }
    .item-row .text{
        margin:0 0 16px;
    }
    .item-row-box{
        width:auto;
        padding:12px 15px;
        height:auto;
        margin-bottom:-12px;
        font-size:11px;
        line-height:13px;
        float:none;
    }
    #sidebar .filter-form {
        width: 100%;
    }
    .news-section .news a {
        float: left;
        margin-right: 10px;
    }
    .news-section .news .textbox {
        clear: none;
    }
    .news-section .news .textbox a {
        float: none;
        margin-right: 0;
    }
    .canton-details #tx-pnfelus-councillorsinfos .infoCouncillor { clear: left; }
    #main .social-networks { padding: 12px 5px; }
    #main .social-networks li { margin-top: 0; }
}
@media (max-width : 367px) {
    .map-area .access ul {
        height: 73px;
        min-height: 73px !important;
    }
    .news-section .news a {
        float: left;
        margin-right: 10px;
    }
    .news-section .news .textbox {
        clear: none;
    }
    .news-section .news .textbox a {
        float: none;
        margin-right: 0;
    }
    .news-section .news .textbox p {
        display: none;
    }
    .canton-details #tx-pnfelus-councillorsinfos .infoCouncillor { clear: left; }
}
@media ( -webkit-min-device-pixel-ratio : 1.5 ) and (max-width:767px),  ( min-resolution : 144dpi ) and (max-width:767px) {
    /*.logo {
		background-position: 0 0;
		background-size: 156px 70px;
	}*/
    .carousel .carousel-control.right,
    .carousel .carousel-control.left,
    .map-area .access .opener .closed,
    .map-area .access .opener .opened,
    .map-area .location:before,
    #footer .social-networks li a:before,
    #footer .social-networks li .presse:before,
    #footer .social-networks li .plan:before,
    #footer .social-networks li .mobile:before,
    #footer .social-networks li .contact:before,
    #footer .social-networks li .facebook:before,
    #footer .social-networks li .rss:before,
    #header .social-networks span:before,
    .navbar-default .navbar-nav > li a:after,
    .navbar-default .navbar-nav > li a:hover:after,
    .navbar-default .navbar-nav > li a:focus:after,
    .navbar-default .navbar-nav > li.open a:after,
    .carousel .paging-holder .btn-area .btn-pause:after,
    .carousel .paging-holder .btn-area .btn-play:after,
    .sidenav .title a:after,
    .sidenav .title a.collapsed:after,
    .search-section .search-form .btn-default,
    .search-section .title a:after,
    .search-section .title a.collpased:after,
    .item-box a:after,
    .item-box a:before,
    .item-box.fonds a:before {
        background-image: url(../images/sprite-640.png);
        background-size: 150px 189px;
    }

    #header .social-networks span.email:before {
        background-position: -59px -115px;
        width: 19px;
        height: 15px;
        margin-top: 0;
    }
    #header .social-networks span.facebook:before {
        background-position: -136px -115px;
        height: 18px;
        width: 8px;
    }
}

a.picto,
a.telephone,
a.mail {
    background: #65a0c8 url('../images/lien_picto.png') no-repeat 12px center;
    color: #fff;
    padding: 12px 0 12px 12px;
    display: block;
    width: 60%;
    text-align: center;
    text-transform: uppercase;
    text-decoration:none;
    font-size: 16px;
    margin: 0 auto;
    border-radius: 2px;
}
a.telephone {
    background: #65a0c8 url('../images/lien_telephone.png') no-repeat 12px center;
}
a.mail {
    background: #65a0c8 url('../images/lien_email.png') no-repeat 12px center;
}
.blue a.picto,
.blue a.telephone,
.blue a.mail {
    background: #fff url('../images/lien_picto2.png') no-repeat 12px center;
    color: #65a0c8;
}
.blue a.telephone {
    background: #fff url('../images/lien_telephone2.png') no-repeat 12px center;
}
.blue a.mail {
    background: #fff url('../images/lien_email2.png') no-repeat 12px center;
}
#sidebar.col-lg-3.col-md-4.col-xs-12 a{
    /*color: #003D69;*/
    color: #77a1d3;
    /*font-weight: 700;*/
    text-decoration: none;
}
#sidebar.col-lg-3.col-md-4.col-xs-12 a:hover,
#sidebar.col-lg-3.col-md-4.col-xs-12 a:focus{
    text-decoration: underline;
}
#_atssh, #_atssh iframe {height:0px !important;}

.pager .btn-next,
.pager .btn-prev {
    background: #64a0c8;
}
.pager .btn-next.no-active,
.pager .btn-prev.no-active {
    background: #d7e3eb;
}
.news-section .pager .btn-prev:after {
    background: url(../images/sprite.png) no-repeat -207px -47px;
}
.news-section .pager .btn-next:after {
    background: url(../images/sprite.png) no-repeat -276px -47px;
}
.events-section .pager .btn-prev:after {
    background: url(../images/sprite.png) no-repeat -207px -47px;
}
.events-section .pager .btn-next:after {
    background: url(../images/sprite.png) no-repeat -276px -47px;
}
.news-section .pager .btn-next.no-active:hover,
.news-section .pager .btn-next.no-active:focus,
.news-section .pager .btn-next.no-active:after,
.news-section .pager .btn-next.no-active:hover:after,
.news-section .pager .btn-next.no-active:focus:after,
.events-section .pager .btn-next.no-active:hover,
.events-section .pager .btn-next.no-active:focus,
.events-section .pager .btn-next.no-active:after,
.events-section .pager .btn-next.no-active:hover:after,
.events-section .pager .btn-next.no-active:focus:after { background-position: -258px -47px; background-color: #d7e3eb;cursor: default; }
.news-section .pager .btn-prev.no-active:hover,
.news-section .pager .btn-prev.no-active:focus,
.news-section .pager .btn-prev.no-active:after,
.news-section .pager .btn-prev.no-active:hover:after,
.news-section .pager .btn-prev.no-active:focus:after,
.events-section .pager .btn-prev.no-active:hover,
.events-section .pager .btn-prev.no-active:focus,
.events-section .pager .btn-prev.no-active:after,
.events-section .pager .btn-prev.no-active:hover:after,
.events-section .pager .btn-prev.no-active:focus:after { background-position: -242px -47px; background-color: #d7e3eb;cursor: default; }
.at4-icon {
    background: none !important;
}

div.ce-image .ce-row,
div.ce-image .image {
    page-break-inside: avoid;
}

.iframeVideo {
    height:450px;
}
@media (max-width : 767px) {
    .iframeVideo {
        height:250px;
    }
}

/**** OCTOBRE / NOMBRE 2016 - NOUVEAU DÉVELOPPEMENT ****/


/*** HOME - GENERAL ***/

.homepage {
    padding-top: 40px;
    padding-bottom: 55px;
    overflow: hidden;
}

.homepage .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.grey-bg {
    background: #eeefef;
}

@media screen and (max-width: 1024px) {

    .home-section-header {
        padding: 0 10px;
    }

}

.home-titles {
    float: left;
    font-weight: normal;
    margin-top: 0;
    color: #004e86;
    font-size: 36px;
    margin-bottom: 20px;
}
.home-section-header div.home-sections-all-news{
    float: right;
}
.home-all-news::before {
    background-image: url(../images/right_arrow.png);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    background-size: 100%;
    width: 7px;
    height: 12px;
    margin-right: 5px;
    vertical-align: middle;
}

.home-all-news {
    /*float: right;*/
    color: #004e86;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 46px;
    margin-top: 5px;
    margin-left: 30px;
}

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

    .home-titles {
        margin-bottom: 0;
    }
    .home-section-header div.home-sections-all-news{
        float: left;
        width: 100%;
    }
    .home-all-news {
        float: left;
        clear: both;
        margin-top: 0;
        margin-left: 0;
    }
}

/*** HEADER/NAV ***/
.header_main_nav .navbar-header,
.header_main_nav header,
.header_main_nav .header_simple_button,
.header_main_nav .header_button_with_icon,
.header_main_nav .search_form_button {
    float: right;
    z-index: 2;
    position: relative;
}

.header_main_nav {
    height: 100%;
    position: relative;
    z-index: 2;
}

.header_main_nav .header_simple_button,
.header_button_with_icon,
.search_form_button,
.navbar-header button {
    padding: 0 16px;
}

nav .search-form {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 40px 0;
}

.search-form form {
    width: 96%;
    margin: 0 auto !important;
    border: none;
}

button.search_open {
    background: #195f92;
}

.header_main_nav button.search_open:hover {
    background: #002540;
}

nav .search_visible {
    display: block;
}

nav .tx-solr::before {
    content: "";
    position: absolute;
    right: -2500px;
    left: -2500px;
    top: 0;
    bottom: 0;
    background: #195f92;
    position: absolute;
    z-index: -1;
}

nav .navbar-form .form-group {
    display: block;
    /*width: 800px;*/
    max-width: 100%;
    margin: 0 auto;
}

nav .search-form .navbar-form input[type=text] {
    width: 77%;
    float: left;
    border: none;
    outline: none;
    padding: 0 12px;
    height: 60px;
    line-height: 60px;
    margin-right: 3%;
}

nav .search-form .navbar-form button[type=submit] {
    width: 20%;
    border: none;
    outline: none;
    float: left;
    background: #004e86;
    text-transform: uppercase;
    padding: 0;
    height: 60px;
    line-height: 60px;
    border-radius: 5px;
}

nav .search-form .navbar-form button[type=submit]:hover {
    background: #002540;
}

@media screen and (max-width: 1350px) {

    nav .search-form .navbar-form input[type=text] {
        width: 82%;
    }

    nav .search-form .navbar-form button[type=submit] {
        width: 15%;
    }

}

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

    nav .search-form .navbar-form input[type=text] {
        width: 77%;
    }

    nav .search-form .navbar-form button[type=submit] {
        width: 20%;
    }

}

@media screen and (max-width: 600px) {

    nav .search-form .navbar-form input[type=text] {
        width: 72%;
    }

    nav .search-form .navbar-form button[type=submit] {
        width: 25%;
    }

}

@media screen and (max-width: 480px) {

    nav .search-form .navbar-form input[type=text] {
        width: 67%;
    }

    nav .search-form .navbar-form button[type=submit] {
        width: 30%;
    }

}

@media screen and (max-width: 480px) {

    nav .search-form .navbar-form input[type=text] {
        width: 57%;
    }

    nav .search-form .navbar-form button[type=submit] {
        width: 40%;
    }

}

nav .search-form .navbar-form button[type=submit]:hover {
    background: #002540;
}


nav .icon_search {
    background-size: 200%;
    background-position: 0 0;
    background-image: url(../images/recherche.png);
    display: block;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
}

nav .search_open .icon_search {
    background-position: 100% 0;
}

nav .tx-solr-searchbox {
    width: 800px;
    max-width: 96%;
    margin: 0 auto;
    display: block;
}

#header a {
    color: #004e86;
}

.header_main_nav a:hover,
.header_main_nav button:hover {
    text-decoration: none;
    background: #f8f8f8;
}

.header_main_nav .logo a:hover {
    background: url(../images/logo.png) no-repeat;
}

.table_vcenter_parent {
    display: table;
}

.table_vcenter {
    display: table-cell;
    vertical-align: middle;
}

.header_main_nav .header_button_with_icon {
    height: 100%;
    border-left: 1px solid #cccaca;
}

.header_main_nav .header_simple_button {
    height: 100%;
    border-left: 1px solid #cccaca;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}


.header_button_with_icon img {
    max-width: 48px;
    height: auto;
}

.navbar-header button {
    height: 100%;
    background: #ffffff;
    border: none;
    border-left: 1px solid #cccaca;
    outline: none;
    color: #004e86;
    font-size: 12px;
}

.navbar-header .menu-flip {
    background: #004e86;
    color: #ffffff;
}

.navbar-header .menu-flip .icon-bar {
    background: #ffffff;
}

.navbar-header .menu-flip:hover {
    background: #002540;
}

.navbar-header .icon-bar {
    width: 25px;
    border-radius: 4px;
    height: 4px;
    background: #004e86;
    display: block;
    margin: 4px 0;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}

.menu-toggle {
    display: block !important;
}

.menu-flip .menu_button_icon>span:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(45deg);
    -moz-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    -o-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
}

.menu-flip .menu_button_icon>span:nth-child(2) {
    opacity: 0;
}

.menu-flip .menu_button_icon>span:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -moz-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    -o-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
}

.header_button_with_icon img {
    display: inline-block;
    margin-right: 6px;
}

.header_button_with_icon span {
    vertical-align: middle;
    display: inline-block;
}

.navbar-header .nav_menu_label,
.navbar-header .menu_button_icon {
    display: inline-block;
    vertical-align: middle;
}

.navbar-header .nav_menu_label {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 6px;
}

.search_form_button {
    height: 100%;
    background: #ffffff;
    border: none;
    border-left: 1px solid #cccaca;
    outline: none;
}

.search_form_button img {
    width: 30px;
    height: auto;
}

#navbar {
    width: 100%;
    float: none;
    clear: both;
    position: relative;
}

.navbar_filter_bg {
    position: absolute;
    left: -200%;
    right: -200%;
    top: 100%;
    bottom: -50000%;
    background: rgba(22,34,47, 0.8);
    cursor: pointer;
}

#navbar,
#navbar *,
#navbar .frame,
#navbar .holder {
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -ms-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
}

#navbar .frame {
    width: 5000px;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -2500px;
    margin-right: -2500px;
    background: #004e86;
    padding: 32px 0;
}

@media screen and (max-width: 1024px) {
    #navbar .frame {
        width: 100%;
        left: 0;
        right: 0;
        margin-left: 0;
        margin-right: 0;
    }
}

#navbar .holder {
    padding: 0 100px;
}

#navbar .holder,
#navbar .holder a {
    color: #ffffff;
}


#navbar .header_button_with_icon {
    clear: both;
    background: #ffffff;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1;
    position: relative;
}

#navbar .header_button_with_icon span {
    color: #004e86;
}

#navbar .menu_left,
#navbar .menu_right {
    width: 50%;
    float: left;
}

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

    #navbar .holder {
        display: table;
    }

    #navbar .menu_left,
    #navbar .menu_right {
        width: 50%;
        display: table-cell;
        vertical-align: top;
        float: none;
        position: relative;
    }

    .menu_right::before,
    .menu_right::after {
        content: "";
        width: 1px;
        height: 100%;
        position: absolute;
        background: #6695b6;
        top: 0;
        left: 0;
    }

    .menu_right::after {
        left: 50%;
    }

}


#navbar ul {
    float: left;
    width: 50%;
    list-style-type: none;
    padding: 0;
}

#navbar .menu_left ul li a,
#navbar .menu_right ul li a{
    display: block;
}

#navbar .menu_left ul {
    line-height: 28px;
}


#navbar .menu_right ul li a {
    padding-left: 40px;
}

#navbar .holder>a:not(.header_button_with_icon),
#navbar .menu_right ul,
#pre-menu-mobile a,
#navbar .dpt-mobile-link,
#navbar .menu_left>a {
    font-weight: bold;
    text-transform: uppercase;
    line-height: 36px;
}

#navbar .menu_left>a {

}

#intro {
    clear: both;
}

#pre-menu-mobile {
    display: none;
}

#navbar .header_button_with_icon {
    display: none;
}

#header .social-networks {
    font-size: 12px;
}

#navbar .header_button_with_icon::before {
    content: "";
    position: absolute;
    right: -2500px;
    left: -2500px;
    top: 0;
    bottom: 0;
    background: #ffffff;
    position: absolute;
    z-index: -1;
}

.dpt-mobile-link,
.dpt-mobile-link:focus {
    outline: none;
}

.dpt-mobile-link {
    display: none;
    border: none;
    background: none;
    padding: 0;
    text-align: left;
    width: 100%;
}

#header .logo:before {
    left: 35px !important;
}

#navbar .facebook,
#navbar .email {
    display: none;
}

#navbar .social-networks span:before {
    background-image: url(../images/sprite-640.png);
    display: inline-block;
    background-size: 540%;
    margin-top: 0;
    margin: 0;
    margin-right: 5px;
    vertical-align: middle;
}

#navbar .social-networks span.email:before,
#navbar .social-networks span.email:hover:focus,
#navbar .social-networks span.email:hover:before {
    background-position: 0px -33px;
    width: 29px;
    height: 17px;
}

#navbar .social-networks span.facebook:before,
#navbar .social-networks span.facebook:hover:focus,
#navbar .social-networks span.facebook:hover:before {
    background-position: -41px -33px;
    width: 29px;
    height: 23px;
}

#navbar .social-networks span.email:hover,
#navbar .social-networks span.facebook:hover {
    color: #ffffff;
}

@media screen and (max-width : 1279px) {

    .header_main_nav .header_simple_button,
    .header_button_with_icon,
    .search_form_button,
    .navbar-header button {
        padding: 0 8px;
    }

}

@media screen and (max-width : 1024px) {

    #navbar .holder {
        padding: 0 20px;
    }

    #navbar .frame .holder .table_vcenter {
        display: block;
    }

}

@media screen and (max-width: 767px) {
    #navbar .frame .holder .header_button_with_icon,
    #navbar .frame .holder .table_vcenter {
        display: block;
        width: 100%;
    }
}

@media screen and (max-width : 993px) {

    .header_main_nav .header_button_with_icon {
        display: none;
    }

    #navbar .header_button_with_icon {
        display: table-caption;
        caption-side: bottom;
        margin-top: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #navbar .frame {
        padding-bottom: 0;
    }

}

@media screen and (max-width : 400px) {

    .header_main_nav .header_simple_button,
    .header_button_with_icon,
    .search_form_button,
    .navbar-header button {
        padding: 0 8px;
    }

}

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

    .header_main_nav .header_simple_button:not(.facebook):not(.email) {
        display: none;
    }

    #header {
        padding-left: 0;
        padding-right: 0;
    }

    #header>.row {
        margin-left: 0;
        margin-right: 0;
    }

    #navbar .holder {
        padding: 0 20px;
    }

    #pre-menu-mobile {
        display: block;
    }

    #navbar .menu_left,
    #navbar .menu_right {
        width: 100%;
    }

    #navbar ul {
        width: 100%;
    }

    #navbar .menu_right ul {
        border-left: none;
    }

    #navbar .menu_right ul li a {
        padding-left: 0px;
    }

    .menu_left ul {
        display: none;
    }

    .menu_left ul a {
        padding-left: 20px;
    }

    #navbar a {
        width: 100%;
    }

    #navbar .menu_left ul,
    #navbar .menu_right ul {
        padding-bottom: 0px;
        margin-bottom: 0;
    }

    .dpt-desktop-link {
        display: none;
    }

    .dpt-mobile-link {
        display: block;
    }

    #header .header_main_nav .facebook,
    #header .header_main_nav .email {
        font-size: 0.0001px;
        color: transparent;
        line-height: 0;
        display: none;
    }

    #navbar .facebook,
    #navbar .email {
        display: block;
    }

    #header .header_main_nav .facebook::before,
    #header .header_main_nav .email::before {
        margin: 0 auto;
    }


    .logo_wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        z-index: 1;
    }

    #header .logo {
        display: inline-block;
        float: none;
        margin: 9px 0 0 0px;
    }

    .header_main_nav .navbar-header {
        float: left;
    }

    .header_main_nav .navbar-header button {
        border: none;
        border-right: 1px solid #cccaca;
    }

    #header .logo:before {
        left: 90px !important;

    }

}

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

    .menu_left ul {
        display: block !important;
    }

    nav .icon_search {
        width: 40px;
        height: 40px;
    }

}



@media screen and (min-width: 840px) {

    .header_main_nav .header_simple_button,
    .header_button_with_icon,
    .search_form_button,
    .navbar-header button {
        padding: 0 12px;
    }

}

@media screen and (min-width: 950px) {

    .header_main_nav .header_simple_button,
    .header_button_with_icon,
    .search_form_button,
    .navbar-header button {
        padding: 0 22px;
    }

}

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

    .header_main_nav .header_simple_button,
    .header_button_with_icon,
    .search_form_button,
    .navbar-header button {
        padding: 0 4px;
    }

}

@media screen and (min-width: 1030px) {

    .header_main_nav .header_simple_button,
    .header_button_with_icon,
    .search_form_button,
    .navbar-header button {
        padding: 0 7px;
    }

}

@media screen and (min-width: 1280px) {

    .header_main_nav .header_simple_button,
    .header_button_with_icon,
    .search_form_button,
    .navbar-header button {
        padding: 0 22px;
    }

}






/**** MASONRY HOMES SERVICES ****/

.homepage #main {
    padding-top: 0;
}

.homepage .container,
.pre-footer .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.masonry-services {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media screen and (min-width: 1050px) {

    .masonry-services {
        margin-left: -5px;
        margin-right: -5px;
    }

}

.masonry-services .grid-sizer {
    width: 16.66666%;
}

.masonry-services .grid-item {
    width: 16.66666%;
    height: 180px;
    padding: 5px;
}

.masonry-services .grid-item--width2 {
    width: 33.33333%;
}

.masonry-services .grid-item--width3 {
    width: 50%;
}

.masonry-services .grid-item--height2 {
    height: 360px;
}

.masonry-services .grid-item:not(.help-search-mini) .inner {
    background: #ffffff;
}

.masonry-services .grid-item .inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

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

    .masonry-services .grid-sizer {
        width: 20%;
    }

    .masonry-services .grid-item {
        width: 20%;
        height: 160px;
    }

    .masonry-services .grid-item--width2 {
        width: 40%;
    }

    .masonry-services .grid-item--width3 {
        width: 60%;
    }

    .masonry-services .grid-item--height2 {
        height: 320px;
    }


}

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

    .masonry-services .grid-sizer {
        width: 100%;
    }

    .masonry-services .grid-item {
        width: 100%;
        height: 80px;
        padding: 0;
    }

    .masonry-services .grid-item .inner {
        width: 100%;
        height: 100%;
        display: table !important;
    }

    .masonry-services .grid-item .tuile-front {
        display: table-cell !important;
        vertical-align: middle;
    }

    .masonry-services .grid-item--width2 {
        width: 100%;
    }

    .masonry-services .grid-item--width3 {
        width: 100%;
    }

    .masonry-services .grid-item--height2 {
        height: 320px;
    }

    #header+.homepage {
        padding-top: 0;
    }

}

.home-tuile {
    position: relative;

}

.home-tuile .icon {
    position: relative;
}

.tuile-back {
    display: none;
    background: #004e86;
    width: 100%;
    height: 100%;
    color: #ffffff;
    position: relative;
    padding: 18px 20px;
}

.tuile-back ul {
    margin-top: 10px;
    padding-left: 15px;
    list-style-type: none;
}

.tuile-back li a {
    width: 100%;
    padding: 4px 0;
    display: block;
}

.tuile-back ul li a::before {
    background-image: url(../images/sprite-640.png);
    background-size: 150px 189px;
    display: inline-block;

    display: inline-block;
    vertical-align: middle;
    width: 14px;
    content: "";
    height: 14px;
    background-position: 3px 53px;
    margin-right: 3px;
}

.tuile-back .info {
    text-transform: uppercase;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255, 0.5);
    display: inline-block;
    max-width: 87%;
}

.tuile-back a {
    color: #ffffff;
}

.tuile-back .tuile-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: transparent;
    border: none;
    outline: none;
    font-size: 30px;
}

.tuile-back .tuile-close:hover {
    background: rgba(255,255,255,0.1);
}

.tuile-back .tuile-close span {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    position: relative;
    left: 2px;
}

.tuile-front {
    outline: none;
    background: none;
    border: none;
    position: relative;
    width: 100%;
    height: 100%;
}

.tuile-front .home_tuile_img img {
    max-width: 80px;
    height: auto;
    position: relative;
    z-index: 2;
}

.tuile-front:hover {

}

.tuile-front .home_tuile_label {
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 10px;
}

.tuile-front .home_tuile_img {
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0;
    text-align: center;
}

.tuile-front .home_tuile_plus {
    position: absolute;
    bottom: 2px;
    right: 8px;
    font-size: 30px;
}

.home-tuile .icon::before {
    content: "";
    display: block;
    position: absolute;
    width: 150px;
    height: 75px;
    top: -18px;
    left: 65px;
    z-index: 0;
    background: rgb(221,221,221); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(221,221,221,1) 0%, rgba(221,221,221,1) 31%, rgba(255,255,255,1) 71%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(221,221,221,1) 0%,rgba(221,221,221,1) 31%,rgba(255,255,255,1) 71%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(221,221,221,1) 0%,rgba(221,221,221,1) 31%,rgba(255,255,255,1) 71%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.help-search-mini {

}

.help-search-mini .inner {
    background-size: cover;
    background-position: center center;
}

.help-search-mini form {
    display: block;
    position: absolute;
    top: 25px;
    bottom: 0;
    left: 50%;
    right: 25px;
    color: #ffffff;
}

.help-search-mini h2 {
    font-size: 36px;
    font-weight: normal;
}

.help-search-mini form input[type=text] {
    width: 100%;
    padding: 15px;
    color: #000000;
    margin: 20px 0 8px;
}

@media screen and (max-width: 993px) {

    .help-search-mini h2 {
        margin-top: 0;
    }

    .help-search-mini form input[type=text] {
        margin: 5px 0 5px;
    }

}

.help-search-mini form input[type=submit] {
    background: #004e86;
    border: none;
    border-radius: 5px;
    outline: none;
    text-transform: uppercase;
}

.help-search-mini form input[type=submit]:hover {
    background: #002540;
}


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

    .tuile-front .home_tuile_img img{
        width: 70px;
    }

    .home-tuile .icon::before {
        height: 63px;
        left: 52px;
    }

    .tuile-front .home_tuile_label {
        top: 15px;
    }

}

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

    .masonry-services .home-tuile {
        border-bottom: 3px solid #eeefef;
    }

    .masonry-services .home-tuile-open {
        height: auto !important;
    }

    .masonry-services .tuile-front {
        display: block !important;
        height: 77px;
    }

    .masonry-services .grid-item .inner {

    }

    .tuile-front .home_tuile_img {
        bottom: 10px;
        left: 0;
        text-align: left;
        padding-left: 10px;
    }

    .tuile-front .home_tuile_img img{
        width: 60px;
    }

    .home-tuile .icon::before {
        height: 55px;
        left: 41px;
    }

    .tuile-front .home_tuile_label {
        position: relative;
        top: auto;
        left: auto;
        padding-left: 85px;
        padding-right: 40px;
        width: 100%;
        text-align: left;
        z-index: 3;
        font-size: 16px;
        display: inline-block;
    }

    .masonry-services .home-tuile-open .tuile-back .info {
        display: none;
    }

    .tuile-back .tuile-close {
        bottom: 100%;
        top: inherit;
        height: 80px;
        width: 100%;
        z-index: 10;
        text-align: right;
    }

    .home-tuile-open .tuile-close span {
        width: 45px;
        height: 45px;
        color: black !important;
        float: right;
        margin-right: 12px;
        margin-top: -2px;
    }

    .tuile-front .home_tuile_plus {
        position: absolute;
        bottom: 2px;
        right: 10px;
        font-size: 30px;
        line-height: 78px;
    }

    .home-tuile-open .home_tuile_plus {
        display: none !important;
    }

    .help-search-mini form {
        left: 42%;
    }

}

@media screen and (max-width: 380px) {

    .tuile-front .home_tuile_label {
        font-size: 14px;
    }

}

@media screen and (min-width: 769px) {

    .tuile-front .home_tuile_label {
        color: #000000 !important;
    }

}



/***** HOME - SLIDE ACTU *****/

.home-actu {
    position: relative;
}

.col-actu {
    width: 70%;
    float: left;
}

.home-actu,
.col-actu,
.col-fb {
    height: 450px;
    /*LLE 2023*/
    height:418px;
}

.col-fb {
    width: 30%;
    float: left;
    padding-left: 10px;
}

.home-actu-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}



.actu-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.actu-image .cover-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.actu-info {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 370px;
    background: rgba(255,255,255,0.8);
    padding: 20px;
}

.actu-image img {
    width: auto;
    height: auto;
    visibility: hidden;
}

.actu-cat-date {
    border-bottom: 1px solid rgba(0,78,134, 0.6);
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: inline-block;
}

.actu-cat-date .actu-cat {
    font-weight: bold;
}

.actu-cat-date .actu-cat,
.actu-cat-date time {
    display: inline-block;
    color: #004e86;
    font-size: 16px;
}



.actu-titre {
    font-weight: bold;
    font-size: 20px;
    color: #000000;
}

.actu-lire-plus {
    margin-top: 10px;
    font-size: 30px;
    color: #000000;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
}

.actu-lire-plus:hover {
    text-decoration: none;
    color: #000000;
}

.col-fb>div {
    background: #eeefef;
    color: #004e86;
    width: 100%;
    height: 100%;
    padding: 25px;

    /*LLE 2023*/
    background:#fff;
    padding: 0px;
}

.col-fb h4 {
    margin: 0;
}

.col-fb h4::before {
    display: inline-block;
    background-repeat: no-repeat;
    content: "";
    background-image: url(../images/picto_fb.png);
    width: 36px;
    height: 36px;
    vertical-align: middle;
    background-size: 100%;
    margin-right: 5px;
}

.home-fb-title {
    color: #004e86;
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
}

.pb-list-item .text {
    color: #000000;
}

.pb-list-item {
    padding: 8px 0;
    border-bottom: 1px solid #bcb9b9;
}

.home-fb-likes::before {
    display: inline-block;
    background-repeat: no-repeat;
    content: "";
    background-image: url(../images/fb_likes.png);
    width: 14px;
    height: 15px;
    vertical-align: text-bottom;
    background-size: 100%;
    margin-right: 5px;
}

.home-fb-shares::before {
    display: inline-block;
    background-repeat: no-repeat;
    content: "";
    background-image: url(../images/fb_shares.png);
    width: 16px;
    height: 18px;
    vertical-align: top;
    background-size: 100%;
    margin-right: 5px;
}

.likes-shares {
    margin-top: 8px;
}

.home-fb-shares {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #004e86;
}

.home-fb-follow {
    margin-top: 20px;
    color: #ffffff;
    background: #004e86;
    padding: 16px;
    text-transform: uppercase;
    display: inline-block;
    clear: both;
    border-radius: 5px;
}

.home-fb-follow:hover {
    color: #ffffff;
    text-decoration: none;
    background: #002540;
}

@media screen and (max-width: 1280px) {

    .col-actu {
        width: 65%;
    }

    .col-fb {
        width: 35%;
    }

    .home-actu,
    .col-actu,
    .col-fb {
        height: 370px;
    }
    /*2023-04-MLO*/
    .col-fb .frame {
        height: 384px;
        overflow: hidden;
        width:374px;
    }
    /*2023-04-MLO*/
    .col-fb>div {
        padding: 0 10px;
    }

    .pb-list-item .text {
        font-size: 12px;
    }

}

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

    .col-actu {
        width: 55%;
    }
    /*2023-04-MLO*/
    .col-fb>div {
        padding: 0 5px;
    }
    /*2023-04-MLO*/
    .col-fb .frame {
        height: 323px;
    }


    .home-actu,
    .col-actu,
    .col-fb {
        height: 285px;
    }

    .col-fb {
        width: 45%;
    }

    .home-fb-title {
        margin-bottom: 2px;
    }

    .col-fb h4::before {
        width: 26px;
        height: 26px;
    }

    .home-fb-follow {
        padding: 10px;
        margin-top: 5px;
    }

    .pb-list-item {
        padding: 4px;
    }

}

@media screen and (max-width: 900px) {

    .col-actu {
        width: 100%;
    }

    .home-actu-inner {
        position: relative;
    }

    .home-actu,
    .col-actu,
    .col-fb {
        height: auto;
    }

    .col-fb {
        display: none;
    }

    .actu-image {
        position: relative;
        height: 440px;
        margin-bottom: 20px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .actu-info {
        position: relative;
        bottom: 0px;
        left: 0px;
        width: 100%;
        background: #ffffff;
        padding: 0 10px;
    }



    .actu-titre {
        line-height: 24px;
    }

    .actu-lire-plus {
        display: none;
    }

}

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

    .actu-image {
        height: 410px;
    }

}

@media screen and (max-width: 700px) {

    .actu-image {
        height: 360px;
    }

}

@media screen and (max-width: 620px) {

    .actu-image {
        height: 330px;
    }

}

@media screen and (max-width: 550px) {

    .actu-image {
        height: 280px;
    }

}

@media screen and (max-width: 500px) {

    .actu-image {
        height: 250px;
    }

}

@media screen and (max-width: 450px) {

    .actu-image {
        height: 230px;
    }

}

@media screen and (max-width: 400px) {

    .actu-image {
        height: 210px;
    }

}


@media screen and (max-width: 380px) {

    .actu-image {
        height: 195px;
    }

}

@media screen and (max-width: 360px) {

    .actu-image {
        height: 180px;
    }

}

@media screen and (max-width: 340px) {

    .actu-image {
        height: 170px;
    }

}

@media screen and (max-width: 320px) {

    .actu-image {
        height: 160px;
    }

}

@media screen and (max-width: 300px) {

    .actu-image {
        height: 150px;
    }

}
/*** SLIDE DÉPARTEMENT DU MORBIHAN ***/

.col-portrait {
    float: left;
    width: 50%;
}

.portait-left {
    float: left;
    width: 210px;
}

.portait-left img {
    width: 210px;
    height: auto;
}
.portait-left .portrait-texte {
    display: none;
}

.portait-right {
    float: left;
    max-width: 270px;
    margin-left: 40px;
    position: relative;
    padding-right: 30px;
    padding-bottom: 30px;
}

@media screen and (max-width: 1280px) {

    .portait-right {
        max-width: 230px;
    }

}

@media screen and (min-width: 900px) {

    .portait-right {
        height: 315px;
    }

}

.portrait-titre-mobile,
.portait-right h4 {
    border-bottom: 1px solid rgba(0,78,134, 0.6);
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: inline-block;
    color: #004e86;
    margin-top: 0;
}

.portrait-titre-mobile,
.portait-left .departement-bloc-plus {
    display: none;
}

.portrait-nom {
    color: #004e86;
    font-weight: bold;
    margin-top: 10px;
}

.portrait-fonction {
    color: #000000;
}

.portrait-intro {
    font-weight: bold;
}

.portrait-intro,
.portrait-texte {
    line-height: 18px;
}

.portrait-texte {
    margin-top: 8px;
    color: #000000;
}

.col-rubriques-departement {
    width: 50%;
    float: left;
}

.masonry-departement {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.portrait-lien .departement-bloc-plus {
    right: -15px;
}

@media screen and (min-width: 1050px) {

    .masonry-departement {
        margin-left: -5px;
        margin-right: -5px;
    }

}

.masonry-departement .grid-sizer {
    width: 16.66667%;
}

.masonry-departement .grid-item {
    width: 33.33332%;
    height: 160px;
    padding: 5px;
}

.masonry-departement .grid-item--width2 {
    width: 50%;
}

.masonry-departement .grid-item .inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 30px 30px 10px;
    position: relative;
}

.departement-bloc-titre {
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

.departement-bloc-desc {
    color: #000000;
    line-height: 18px;
}

.departement-bloc-plus {
    width: 40px;
    height: 40px;
    font-size: 30px;
    position: absolute;
    bottom: -5px;
    right: -5px;
    color: #ffffff;
    text-align: center;
}

.masonry-departement .grid-item a:hover {
    text-decoration: none;
    opacity: 0.9;
}

.masonry-departement>.grid-item:nth-child(2) .inner {
    background: #5fa4d7;
}

.masonry-departement>.grid-item:nth-child(3) .inner {
    background: #f18e00;
}

.masonry-departement>.grid-item:nth-child(4) .inner {
    background: #004e86;
}

.masonry-departement>.grid-item:nth-child(5) .inner {
    background: #229eba;
}

.masonry-departement>.grid-item:nth-child(6) .inner {
    background: #8764a4;
}

.portrait-lien {
    display: block;
    position: relative;
}

.portrait-lien .departement-bloc-plus {
    color: #000000;
}

@media screen and (max-width: 1024px) {

    .portait-left {
        width: 160px;
    }

    .portait-left img {
        width: 160px;
    }

    .portait-right {
        max-width: 58%;
        margin-left: 20px;
    }

    .portrait-bloc-titre {
        font-size: 14px;
    }

    .col-portrait {
        padding: 0 10px;
    }

}

@media screen and (max-width: 900px) {

    .portait-left img {
        width: 140px;
    }

    .col-rubriques-departement,
    .col-portrait {
        float: none;
        width: 100%;
        clear: both;
    }



    .portait-left {
        width: 100%;
        margin-top: 20px;
    }

    .portait-left img {
        width: 30%;
        float: left;
        margin-right: 5%;
        margin-bottom: 2%;
    }

    .portait-right {
        max-width: none;
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-right: 35px;
    }

    /*.portrait-infos {
	float: left;
	margin-left: 5%;
	width: 65%;
}

.portrait-infos * {
	clear: both;
}*/

    .portait-right h4,
    .portait-right {
        display: none;
    }
    .portait-left .portrait-texte {
        padding-bottom: 30px;
    }
    .portait-left .portrait-texte,
    .portait-left .departement-bloc-plus {
        display: block;
    }
    .portrait-titre-mobile {
        display: table;
        /* float: left; */
    }

    .masonry-departement {
        margin-left: -5px;
        margin-right: -5px;
    }

}

@media screen and (max-width: 550px) {

    .portait-left img {
        width: 40%;
        float: left;
        margin-right: 5%;
        margin-bottom: 2%;
    }

    /*.portrait-infos {
	float: left;
	margin-left: 5%;
	width: 55%;
}*/

    .masonry-departement {
        margin-left: -5px;
        margin-right: -5px;
    }

    .masonry-departement .grid-sizer {
        width: 50%;
    }

    .masonry-departement .grid-item {
        width: 50%;
    }

    .masonry-departement .grid-item--width2 {
        width: 100%;
    }


}

/***** HOME - SLIDE VOIR AUSSI ***/

.masonry-voir-plus {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media screen and (min-width: 1050px) {

    .masonry-voir-plus {
        margin-left: -5px;
        margin-right: -5px;
    }

}

.masonry-voir-plus .grid-sizer {
    width: 25%;
}

.masonry-voir-plus .grid-item {
    width: 25%;
    height: 320px;
    padding: 5px;
}

.masonry-voir-plus .grid-item .inner {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.masonry-voir-plus img {
    height: auto;
    width: auto;
}

.masonry-voir-plus .grid-item .voir-aussi-title-link {
    color: #000000;
    display: block;
    font-size: 16px;
    display: table;
    height: 50px;
    width: 100%;
    position: relative;
    background: #ffffff;
    padding-left: 10px;
    padding-right: 30px;
}

.masonry-voir-plus .grid-item a:hover {
    text-decoration: none;
}

.masonry-voir-plus .grid-item .caption h3 {
    margin: 0;
    font-size: 16px;
    vertical-align: middle;
    display: table-cell;
    color: #000000;
}

.masonry-voir-plus .grid-item .caption .ico-plus {
    position: absolute;
    font-size: 30px;
    top: 7px;
    right: 10px;
    font-weight: normal;
}

.masonry-voir-plus .cover-container {
    overflow: hidden;
    height: 250px;
    position: relative;
}

/* ajout MLO - 25/04/0223 pour espace presse*/
/* maj du 19/07/2023 */
.masonry-voir-plus.presse .grid-item {
    width: 32%;
    height: 260px;
    padding: 5px;
    display: inline-block;
    margin-bottom: 30px;
}
.masonry-voir-plus.presse .grid-item .voir-aussi-title-link {
    height: 80px;
    padding-left: 5px;
    padding-right: 25px;
}
.masonry-voir-plus.presse .cover-container {
    height: auto;
}
.masonry-voir-plus.presse img {
    width: 242px;
}
/* Fin ajout MLO */


@media screen and (max-width: 1280px) {

    .masonry-voir-plus .cover-container {
        height: 196px;
    }
    .masonry-voir-plus .grid-item {
        height: 256px;
    }

    .masonry-voir-plus.presse .cover-container {
        height: 135px;
    }
    .masonry-voir-plus.presse .grid-item {
        height: 260px;
    }
    .masonry-voir-plus.presse img {
        width: 180px;
    }
}

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

    .masonry-voir-plus .grid-sizer {
        width: 33.33334%;
    }

    .masonry-voir-plus .grid-item {
        width: 33.33334%;
    }

    .masonry-voir-plus .grid-item h3 {
        font-size: 16px;
    }

}

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

    .masonry-voir-plus .grid-sizer {
        width: 50%;
    }
    .masonry-voir-plus .grid-item {
        width: 50%;
    }

    .masonry-voir-plus.presse .grid-item .voir-aussi-title-link {
        height: 50px;
    }
    .masonry-voir-plus.presse .grid-item h3 {
        font-size: 14px;
    }
}

@media screen and (max-width: 550px) {

    .masonry-voir-plus {
        margin-left: -5px;
        margin-right: -5px;
    }
    .masonry-voir-plus .cover-container {
        height: 246px;
    }
    .masonry-voir-plus .grid-item {
        height: 306px;
    }
    .masonry-voir-plus .grid-sizer {
        width: 100%;
    }
    .masonry-voir-plus .grid-item {
        width: 100%;
    }

    .masonry-voir-plus.presse .grid-item .caption .ico-plus {
        top: -4px;
        right: 10px;
    }
    .masonry-voir-plus.presse .grid-item {
        height: 230px;
    }
}

@media screen and (max-width: 450px) {

    .masonry-voir-plus .cover-container {
        height: 196px;
    }
    .masonry-voir-plus .grid-item {
        height: 256px;
    }

    .masonry-voir-plus.presse .cover-container {
        height: 100px;
    }
    .masonry-voir-plus.presse img {
        width: 130px;
        margin-left:-12px;
    }
}

/*** FOOTER TOP ***/

.pre-footer {
    padding: 30px 10px;
}

.pre-footer .frame-default {
    float: left;
}

.pre-footer .container>.frame-default:nth-child(1),
.pre-footer .container>.frame-default:nth-child(2) {
    width: 32%;
    margin-right: 3%;
}

.pre-footer .container>.frame-default:nth-child(3) {
    width: 25%;
    margin-left: 5%;
}

.pre-footer h4 {
    color: #004e86;
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 1px solid #004e86;
    margin-bottom: 15px;
    margin-top: 0;
}

.footer-emplois-stages,
.footer-marches-publics {

}

.marches-publics-desc,
.emplois-stages-desc {
    margin-bottom: 15px;
    height: 54px;
}

.charte-lien {
    border: 1px solid #d1d2d2;
    padding: 20px 0;
    text-align: center;
    color: #000000;
    display: block;
    position: relative;
}

.pre-footer .select-area,
.pre-footer button {
    float: left;
}

.pre-footer .select-area {
    width: 85% !important;
    margin-right: 3% !important;
}

.pre-footer button {
    width: 12%;
    background: #003c69;
    border: none;
    outline: none;
    text-align: center;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 5px;
}

.pre-footer button:hover {
    background: #002540;
}

.pre-footer .departement-bloc-plus {
    color: #000000;
    font-weight: normal;
}

.pre-footer .error {
    display: none;
    margin-top: 5px;
    color: red;
    clear: both;
    float: left;
}

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

    .pre-footer .container>.frame-default:nth-child(1) {
        width: 48%;
        margin-right: 4%;
    }

    .pre-footer .container>.frame-default:nth-child(2) {
        width: 48%;
        margin-right: 0%;
    }

    .pre-footer .container>.frame-default:nth-child(3) {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

}

@media screen and (max-width: 600px) {

    .pre-footer .container>.frame-default:nth-child(1),
    .pre-footer .container>.frame-default:nth-child(2) {
        width: 100%;
        margin-right: 0%;
    }

    .pre-footer .container>.frame-default:nth-child(2) {
        margin-top: 30px;
    }

}

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

    #footer .social-networks li {
        margin: 0 15px;
    }

    #footer a.contact {
        top: 2px;
    }

}


@media screen and (min-width: 1281px) {

    #footer .fnav {
        margin-top: 0;
    }

    #footer .fnav ul {
        padding-bottom: 0;
    }

}


/****** BLOC SORTIES - HOME ****/

@media screen and (min-width: 1050px) {

    .home-sorties {
        margin-left: -5px;
        margin-right: -5px;
    }

}

.slide-sorties-left {
    width: 33.33334%;
    float: left;
}

.slide-sorties-right {
    width: 66.66667%;
    float: left;
}

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

    .slide-sorties-left,
    .slide-sorties-right {
        width: 100%;
        float: none;
    }

    .masonry-sorties-1,
    .masonry-sorties-2 {
        margin-right: -5px;
        margin-left: -5px;
    }

}

.masonry-sorties-1 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.masonry-sorties-1 .grid-sizer {
    width: 100%;
}

.masonry-sorties-1 .grid-item {
    width: 100%;
    height: 160px;
    padding: 5px;
}

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

    .masonry-sorties-1 .grid-sizer,
    .masonry-sorties-1 .grid-item {
        width: 50%;
    }

}

.masonry-sorties-1 .grid-item .inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: relative;
}

.masonry-sorties-2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.masonry-sorties-2 .grid-sizer {
    width: 50%;
}

.masonry-sorties-2 .grid-item {
    width: 50%;
    height: 320px;
    padding: 5px;
}

@media screen and (max-width: 600px) {

    .masonry-sorties-2 .grid-sizer,
    .masonry-sorties-2 .grid-item {
        width: 100%;
    }

    .masonry-sorties-1 .grid-sizer {
        width: 100%;
    }

    .masonry-sorties-1 .grid-item {
        width: 100%;
        height: 160px;
        padding: 5px;
    }

}

.masonry-sorties-2 .grid-item .inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0px;
    position: relative;
    background: #ffffff;
}


.masonry-sorties-1 a:focus,
.masonry-sorties-1 a:hover,
.masonry-sorties-2 a:focus,
.masonry-sorties-2 a:hover{
    text-decoration: none;
}

.sorties_color1 a:hover {
    background: #6faddb;
}

.sorties_color2 a:hover {
    background: #c4c31a;
}

.masonry-sorties-2-image .cover-container {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 1280px) {

    .masonry-sorties-2-image .cover-container {
        height: 180px;
    }

}

.masonry-sorties-1-titre,
.masonry-sorties-2-titre {
    display: inline-block;

    padding-bottom: 5px;
    margin-bottom: 10px;
}

.masonry-sorties-1-titre {
    border-bottom: 1px solid rgba(255,255,255,0.8);
}

.masonry-sorties-2-titre {
    border-bottom: 1px solid #004e86;
    margin: 10px 15px;
}

.masonry-sorties-1-titre h3 {
    display: inline-block;
    margin: 0;
    margin-right: 5px;
    color: #ffffff;
}

.masonry-sorties-2-titre h3 {
    color: #004e86;
    display: inline-block;
    margin: 0;
    margin-right: 5px;
}

.masonry-sorties-1-desc,
.masonry-sorties-2-desc {
    color: #000000;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
}

@media screen and (max-width: 1024px) {

    .masonry-sorties-1-desc,
    .masonry-sorties-2-desc {
        font-size: 16px;
    }

}

.masonry-sorties-2-desc {
    margin: 0 35px 0 15px;
}

.sorties_color1 .inner .masonry-sorties-1-titre,
.sorties_color1 .inner .masonry-sorties-1-titre time,
.sorties_color2 .inner .masonry-sorties-1-titre,
.sorties_color2 .inner .masonry-sorties-1-titre time {
    color: #ffffff;
}

.masonry-sorties-2 .grid-item .inner .departement-bloc-plus {
    color: #000000;
}

.sorties_color1 .inner,
.sorties_color2 .inner {
    color: #000000;
}

.sorties_color1 .inner {
    background: #5fa4d7;
}

.sorties_color2 .inner {
    background: #bebd00;
}
