body {
    background: #fff;
    color: #393939;
    font-size: 16px;
    font-family: 'poppinsregular';
    line-height: 1.6em;
}
a {
    color: #77543b;
    text-decoration: underline;
    transition: all .4s;
}
img{
  max-width:100%;
}
a, input, button, textarea{
    outline:none !important
}
a:active, a:hover, a:focus {
    /* color: #000; */
    text-decoration: none;
}
body.itemid-101 main#content {
    display: none;
}
.site{
    max-width: 2500px;margin: 0 auto;
}
div#top{overflow:hidden}

.headermenu {
    position: relative;
    margin: 0 auto 20px;
    border-bottom: 1px solid #737171;
}
.banner p{margin:0}
.itemid-101 .headermenu {
    min-height: 403px;
}
.headermenu .custom img {
    min-height: 300px;
    max-height: 500px;
    width: 100%;
    object-fit: cover;
}
.header-top {
    position: relative;
    background: rgb(73 177 131);
    padding: 25px 0 19px;
}
.itemid-101 header .header{
    position:relative;
    height: 831px;
}
div#top header {
    /* overflow: hidden; */
    position: relative;
}
 
.banner #flexslider-90.flexslider, #flexslider-90.flexslider ul.slides li{
    position: relative;
    z-index: 0;
    height: 831px;
}
.TopHeader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    background: rgb(16 187 239 / 70%);
    padding: 20px 0 13px;
}
header .banner .blockmenu{
    /* background: rgb(8 9 19 / 0.5); */
    position: relative;
    z-index: 10;
    padding: 10px 0 0;
    margin-left: 20%;
}

ul.maximenuck {
    padding: 0;
    line-height: inherit !important;
    background: transparent !important;
}

.Blockmenu2{min-height: 44px;}
.mobile-nav{display:none}
.mobile-nav a{
    display: block;
    background: #a79e91;
    padding: 10px 15px;
    z-index: 1000;
}
 .Blockmenu2 > ul.nav>li, ul.maximenuck li.maximenuck.level1{
 	max-width: 160px;
 	margin: 0 4px;
 	float: left !important;
 }
 ul.maximenuck li.maximenuck.level1:hover, ul.maximenuck li.maximenuck.level1.active{
 	background:transparent !important
 }
 div#maximenuck155 ul.maximenuck li.level1.parent > a:after, div#maximenuck155 ul.maximenuck li.level1.parent > span.separator:after{right:3px !important}
 .Blockmenu2 > ul.nav>li.item-111, ul.maximenuck li.maximenuck.level1.item111{
 	max-width: 91px;
 }
 .Blockmenu2 > ul.nav>li.item-112, ul.maximenuck li.maximenuck.level1.item112{
 	 max-width: 140px;
 }
 .Blockmenu2 > ul.nav>li.item-175, ul.maximenuck li.maximenuck.level1.item175{
 	 max-width: 127px;
 }
 .Blockmenu2 > ul.nav>li.item-160, ul.maximenuck li.maximenuck.level1.item160{
 	 max-width: 110px 
 }
 .Blockmenu2 > ul.nav>li.item-113, ul.maximenuck li.maximenuck.level1.item113{
 	max-width: 113px;
 }
 ul.maximenuck li.maximenuck.level1.item114{
 	min-width: 120px;
 }
 .Blockmenu2 > ul.nav>li.item-176, ul.maximenuck li.maximenuck.level1.item176{
 	max-width: 93px;
 }
header .banner:after{content:"";background:#fff;position:absolute;left:0;top:0;bottom: 0;width: 28%;clip-path: polygon(0 0, 0% 122%, 90% 0);z-index:2;}
.itemid-101 header .banner:after{ bottom: 0; clip-path: polygon(0 0, 0% 110%, 100% 0); }

.itemid-101 header .banner:after{clip-path: polygon(0 0, 0% 86%, 90% 0);bottom: 177px;}
header .banner #flexslider-90.flexslider .slides > li:after{content:"";background:#fff;position:absolute;left:0;bottom:0;width: 25%;clip-path: polygon(0 0, 0% 100%, 100% 100%);top: 0;opacity: 0.25;z-index:2;}
header .banner #flexslider-90.flexslider .slides > li:before{content:"";background: rgb(16 187 239 / 0.6);position:absolute;right:0;bottom:0;width: 37%;clip-path: polygon(100% 0, 0% 100%, 100% 100%);height: 361px;z-index:2;}
.custom.ban-int {
    position: relative;
    overflow: hidden;
    display: block;
}
.itemid-101 .custom.ban-int {
    display: none;
}



header .header-in{height:auto;background: #fff;border-bottom:1px solid #080913;min-height: 300px;} 

header .logo {}
header > .container {  position: relative;  display: grid; grid-template-columns: 2fr 4fr;  padding-top: 39px; z-index: 1;}
header .logo {display: block;position: absolute;z-index: 99;top: 20px;left: 50px;}
.header.header-in .logo {    display: table;
    float: left;
	max-width: 305px;}

.header.header-in .logo  img{    max-width: 100%;
    height: auto;}
header nav.navigation {background: rgb(0 0 0 / 69%);margin: 25px 0;}
nav#nav-2 {display:none;}

#flexslider-90.flexslider li .jslider-image, #flexslider-90.flexslider li .jslider-image img {   height: 100%;}
#flexslider-90 .slide-desc {color: #fff !important;}
.slide-desc, .slide-desc-box .slide-title { max-width:1100px !important}
.slide-desc-box {top: 55% !important;}
.slide-desc-box > div{position:relative !important}
.slide-desc-box > div > div {
    margin: 0 auto;
    text-align: center;
    position:relative;
    padding: 0 !important;
    color: #fff;
    font-family: 'poppinslight';
    text-shadow: 1px 0 1px rgb(0 0 0 / 75%);
    font-size: 35px;
    line-height:35px;
    letter-spacing: 5px;
}

.banner .jslider-image:after{position:absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(46, 46, 46, 0.3);z-index: 0;content: '';}
.banner .slide-desc span{margin:0;font-family: 'poppinsbold';font-size: 45px;}
.banner .slide-desc-box .slide-title .span-js-title  {font-family: 'poppinsbold';text-transform:uppercase;margin: 0;font-size: 59px;line-height: 52px;letter-spacing: 0;}
.banner .slide-desc-box > div > div:before {content:"";background:url(../images/bg_slide.png);height: 418px;width: 317px;top: -140px;left: 31%;position:absolute;z-index: -1;}
.banner .slide-desc span.slog1 {position: relative;letter-spacing: 0;}
 .banner .slide-desc span.slogan2 {
	position: relative;
	display: block;
	max-width: 800px;
	margin: 122px auto 0;
	background: rgb(30 32 51 / 0.60);
	padding: 22px 0;
	letter-spacing: 0;
	color:#fff;
}
.banner .slide-desc span.slogan2 h2{ font-family: 'poppinsbold'; font-size:30px;}
.banner .slide-desc span.slogs{ font-size:30px;}
.color-nav-light .flex-control-paging li{
display:table !important;
}
.color-nav-light .flex-control-paging li a {
    background-color: rgb(255 255 255 / 0%);
    border: 2px solid #fff !important;
	box-shadow: unset !important;
}
#flexslider-90  .flex-control-paging li a.flex-active {
    background: #000 !important;
    background: none !important;
    cursor: default !important;
    border: 3px solid #fff !important;;
}
#flexslider-90  .flex-control-paging li a {
    width: 13px !important;
    height: 13px !important;
    display: block !important;
    background: none !important;
	font-size:0 !important;
}
#flexslider-90 .flex-control-paging li a.flex-active {
    background-color: #40b281 !important;
    border: 2px solid rgb(64 178 129 / 0%) !important;
}
#flexslider-90  .flex-control-nav {
    width: auto !important;
    text-align: right !important;
    bottom: 5% !important;
    right: 10% !important;
	height:450px !important;
}
#flexslider-90  .flexslider.position-nav-bottom .flex-control-nav:after {
    content: "";
    position: absolute;
    background: #fff;
    height: 98px;
    width: 1px;
    bottom: 271px;
    left: 12px;
}
#flexslider-90  .flexslider.position-nav-bottom .flex-control-nav:before {
    content: "";
    position: absolute;
    height: 98px;
    width: 1px;
    top: -107px;
    left: 14px;
    background: #fff;
}
/********************** boxes accueil ************************/

.boxes{ border-bottom:1px solid #ceced0; padding:30px 0 34px;}
.boxes .container .custom{display:grid;grid-template-columns: 1fr 5fr;}
.boxes .box-banner{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;text-align:center;font-size: 15px;font-family: 'poppinsbold';color: #4c4c4c;text-transform: uppercase;}
.boxes h2{
    margin: 0;
    background: #10bbef url(../images/clic.png) top 60px center no-repeat;
    color: #fff;
    text-align: center;
    font-family: 'poppinsbold';
    text-transform: uppercase;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 94px 0 23px;
    align-items: center;
    justify-content: center;
    display: flex;
}
.boxes .box-banner > a{padding-top: 113px;position:relative;border-right: 1px dashed #9a9a9a;color:#000;display: inline-block;max-width: 300px;text-align: center;margin-bottom: 20px;}
.boxes .box-banner > a:last-child{border:none}
.boxes .box-banner > a:after{content:"";position:absolute;left:50%;transition: all .4s;top:10px;transform: translateX(-50%);width:80px;height: 82px;background-position: top center;}
.boxes .box-banner > a:hover:after{background-position: bottom center;}
.boxes .box-banner > a:hover{color:#40b281}
.boxes .box-banner .signaler:after{ background-image: url(../images/picto1.png);}
.boxes .box-banner .horaire:after{ background-image: url(../images/picto2.png);}
.boxes .box-banner .contact:after{ background-image: url(../images/picto3.png);}
.boxes .box-banner .numero:after{ background-image: url(../images/picto4.png);}
.boxes .box-banner .urbanisme:after{background-image: url(../images/picto5.png);}
.boxes .box-banner .administration:after{background-image: url(../images/picto6.png);}
.boxes .box-banner .carte:after{background-image: url(../images/picto7.png);}
.boxes .box-banner .offre:after{background-image: url(../images/picto8.png);}
.bgcompteur {
    background: #f6f7f7;
    padding: 40px 0 0;
    text-align: center;
    font-family: 'poppinsbold';
}
.bgcompteur .text {margin: 0 auto 27px;overflow: hidden;}
.bgcompteur p:first-child {
    color: #40b281;
    font-size: 17px;
}
.bgcompteur .compteur {
    color: #193555;
    font-size: 57px;padding:5px 0 0;
}

.bgcompteur .titrecompteur {
    color: #97a3b1;
    padding-top: 8px;
    text-transform: capitalize;
} 


h1{
    font-family: 'poppinsbold';
    font-size:40px;
    color:#4c4c4c;
    margin:0 0 45px
}

.itemid-151 h1{margin:0; padding:77px 0 55px; text-align: center; font-size: 15px; font-family: 'poppinslight'; font-weight:normal; color: #4c4c4c; letter-spacing: 1px;}

h1 span{position: relative; display:block; color:#40b281; text-transform:uppercase; font-size:50px; font-family: 'poppinsbold'; padding-bottom: 10px; line-height: 64px; letter-spacing: 0;}

.itemid-151 .row{
	margin:0 0 35px
}
.itemid-151 .col-md-3{
	padding:0 7px
}
.asoc {
    position: relative;
    display: table;
    max-width: 303px;
    height: 380px;
}
.asoc .photo{position:relative;z-index: 1;}
.asoc .photo img{
	border-radius: 5px;
}
.asoc h3{position: absolute;top: 59%;left: 0;right: 0;margin: 15px;background:#fff;color:#080913;font-size:20px;border-radius:7px;text-align:center;padding: 9px 19px;font-family: 'poppinsbold';text-transform:uppercase;margin: -19px 30px 10px;z-index: 4;}
.asoc.aso-2 h3{ top:140px}
.col-md-3:nth-child(2) .asoc.aso-2 h3{ top:120px}

.row:nth-child(2) .col-md-3:nth-child(2) .asoc.aso-2 h3{ top:140px}

.asoc .info{position:relative;color:#4c4c4c;font-size:14px;font-family: 'poppinslight';font-weight:normal;text-align: center;line-height: 1.35em;background: #e9e9e9;z-index: 2;/* height: 150px; */padding: 35px;}
.asoc.aso-1 .info{margin:-5px auto 0;}

.asoc a{
	position:absolute;
	font-size:0;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:10;
}
/********************** Actualites accueil ************************/
.actualite{background:url(../images/Plan.jpg) top center no-repeat; position:relative; margin-top:16px; min-height: 493px;}
.actualite h2{margin:0;padding:77px 0 55px;text-align: center;font-size: 15px;font-family: 'poppinslight';color: #4c4c4c;letter-spacing: 1px;}
.actualite h2 span{position: relative;display:block;color:#40b281;text-transform:uppercase;font-size:50px;font-family: 'poppinsbold';padding-bottom: 10px;line-height: 64px;letter-spacing: 0;}
.actualite h2 span:after{ content:"";background:#40b281; height:3px ; width:64px; position:absolute; bottom:0; left:50%; transform:translateX(-50%)}
.actualite > .container > div, .actualite > .container > h2{background:#fff; }
div#nsp-nsp-93 { padding: 0px 0 40px;}
.actualite .nspArt {
    box-shadow: 1px 1px 1px rgba(0,0,0,0.32);
    border-radius: 5px;
    max-width: 585px;
    width: 100%;
    margin-left: 40px;
    color: #656565;
    line-height: 20px;
    padding-bottom: 0 !important;
}
.actualite .nspArt .readon {
    background: url(../images/red-more.png) top center no-repeat;
    width: 27px;
    height: 10px;
    font: 0/0 caption;
    float: left;
    margin-top: 20px;
    padding-left: 40px;
    display: block;
}
.actualite .nspArt:hover .readon {background-position: bottom center}
.actualite .nspArt .nspText {
    float: right;
    max-width: 340px;
}
.actualite .nspArt img{ float: left;}
.actualite .nspArt .nspInfo{
    float: right;
    max-width: 340px;
    font-family: 'poppinslight';
    width: 100%;
    background: url(../images/date.jpg) left top 2px no-repeat;
    padding-left: 20px;
    color: #4c4c4c;
    letter-spacing: 2px;
}
.actualite .nspArt h4.nspHeader {
    float: right;
    max-width: 340px;
    clear: none;
    font-family: 'poppinsbold';
    width: 100%;
    margin: 0;
    padding: 0;
    color: #4c4c4c;
    font-size: 15px;
    text-transform: uppercase;
}
/********************** end Actualites accueil ************************/
/********************** bandeau-boxes accueil ************************/

.bandeau-boxes{
    background: url(../images/bg-evenement.jpg) no-repeat top center;
    background-size: cover;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    margin-top: 80px;
    position: relative;
    /* overflow: hidden; */
    z-index: 1;
} 
.bandeau-boxes .associations{
    grid-column: 2;
    position: relative;
    }
.bandeau-boxes .associations .associations-in{position:absolute;bottom: 47px;left: 0;right: 0;color: #fff;z-index: 1;}
.bandeau-boxes .associations .custom{width: calc(1340px / 2 - 15px);margin-right: auto;color: #fff;line-height: 20px;text-align: justify;padding-left: 67px;}
.bandeau-boxes .associations h2{position:relative;color:#fff;margin-bottom:26px;font-family: 'poppinslight';border-left: 3px solid #fff;padding-left: 13px;line-height: initial;font-size: 15px;letter-spacing: 1px;text-align: left;}
.bandeau-boxes .associations h2 span{text-transform:uppercase;font-size: 43px;line-height: 27px;font-family: 'poppinsbold';letter-spacing: -1px;padding-top: 19px;}
.bandeau-boxes .associations h2 span{ display:block; }
.bandeau-boxes .evenement{
    grid-column: 1;
    background: rgba(16, 187, 239, 0.8);
    z-index: 1;
    padding-bottom: 30px;
}
.bandeau-boxes .evenement .bt-cs .bt-row{padding: 21px 0;transition: all .4s;position: relative;overflow: inherit; transition:all .3s}
.slides_container{overflow: inherit !important;}
.bandeau-boxes .evenement .bt-cs .bt-row:hover{background: #1e2033;}
.bandeau-boxes .evenement .bt-cs .bt-row:hover:before {
   content:'';
   position:absolute; transition:all .3s;
   left: -33px;
   top:50%;
   margin-top: -34px; 
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 39px 33px 39px 0;
   border-color: transparent #1e2033 transparent transparent;
}
.bandeau-boxes .evenement .bt-cs .bt-row:after{content:"";background: #1e2033;height:78px;width:36px;position:absolute;left: 0;opacity: 0;}
.bandeau-boxes .evenement .bt-row-separate{
    border-color: rgba(255,255,255,0.5);
    margin: 0;
}

.bandeau-boxes .evenement .bt-cs .slide> .bt-row:nth-child(3) img {float: right !important;} 
.bandeau-boxes .evenement .bt-cs{color: #fff;}
.bandeau-boxes .evenement .bt-cs .bt-category{display:none;}
.bandeau-boxes .evenement .bt-inner{max-width: calc(1340px / 2 - 15px);padding-left: 51px;}
.bandeau-boxes .evenement .bt-cs img{border-radius:50%;border: 5px solid #fff;outline: none;margin-right: 30px !important;}
.bandeau-boxes .evenement .bt-cs .bt-title{color: #fff;font-size: 18px;margin-bottom: 20px;}
.bandeau-boxes .evenement .bt-introtext{margin-top: 10px;line-height: 19px;}

.innernews .picture {
    display: inline-block;
    float: left;
    margin-right: 30px;
}


.newshead.picturetype {
    padding-left: 25px;
}

.lnee .newshead .picture img {
    /* border-radius: 50%; */
    border: 5px solid #fff;
    outline: none;
    /* height: 140px; */
    /* width: 140px; */
}
.latestnews-items > li:nth-child(2) .newshead{
	float: right !important;
	padding: 0 0 0 51px;
	margin: 0 !important;
}
 
.latestnews-item .news {padding: 15px 20px !important;position: relative;overflow: hidden;transition:all .3s;cursor: pointer;/* z-index: 1; */border-bottom: 1px dotted rgb(255 255 255 / 48%) !important;}
.latestnews-items {overflow: inherit !important;display: block;clear: both;width: 100%;list-style: none;}
.itemid-253 .latestnews-items .news, .latestnews-item .news:hover{background: #1e2033;}
.itemid-101 .latestnews-item li:hover:before {
   z-index: 10000;
   content:'';
   position:absolute;
   transition:all .3s;
   right: -33px;
   top:50%;
   margin-top: -34px;
   width: 0;
   height: 0;
   border-style: solid; 
   border-width: 39px 0 39px 33px;
   border-color: transparent transparent transparent #1e2033;
}
.latestnews-item .news:after{content:"";background: #1e2033;height:78px;width:36px;position:absolute;left: 0;opacity: 0;z-index: 1;}

h4.newstitle a {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
    font-family: 'poppinsbold';
}
.newsinfo {
    padding-top: 40px;
    padding-left: 30px;
    color: #fff;
    font-weight: normal;
    font-family: 'poppinsregular';
}
.lnee .newstitle span{
	display:block;
	font-weight:normal;
	margin:0 0 10px;
	font-family: 'poppinsregular';
}
div.lnee.newslist {
    display: block;
    clear: both;
}
.newsintro {
    margin-top: 10px;
    line-height: 19px;
    color: #fff;
}
.lnee ul.latestnews-items li p.link a, .link_append, .link_append:hover{
    color:#fff;
    margin: 15px 0 0;
    display:block;
    text-align:right;
    text-decoration: underline;
}

.itemid-101 .innernews {
    /* max-width: calc(1340px / 2 - 15px); */
}
.innernews .picture {
    display: inline-block;
    float: left;
    margin-right: 30px;
}
.bandeau-boxes .evenement h3 {
    padding: 30px 0 15px 50px;
    font-size: 30px;
    color: #fff;
    font-family: 'poppinsbold';
    display: block;
    max-width: 800px;
    text-align: center;
}

.readalllink.last a {
    font-family: 'poppinsbold';
    background: #fff;
    padding: 10px 20px;
    float: right;
    color: #000;
}

.readalllink.last a:hover {
    color: #0e99c3;
}

/********************** Newsletter  accueil ************************/
.bknewsletter{
    padding: 98px 0 90px;
    position: relative;
}
.bknewsletter > .container{display:grid;grid-template-columns: repeat(2 ,50%);}
.bknewsletter .emploi{grid-column: 1;}
.bknewsletter .emploi .offre{
    text-align: center;
    margin-bottom:60px;
    max-width: 470px;
    margin: 0 auto;
    text-transform: uppercase;
}
.bknewsletter .emploi  .logo-part{border-top:1px solid #dadadc;border-bottom:1px solid #dadadc;padding:37px 0;clear: both;}
.bknewsletter .emploi .offre h2{ 
 font-family: 'poppinslight';
    color: #080913; font-size:15px;
    font-family: 'poppinslight';   margin: 0 auto 60px;
}
.bknewsletter .emploi .offre h2 span{
    display: block;padding-top:15px;
    color: #080913;
    font-size: 53px; line-height:53px;
    font-family: 'poppinsbold';
    text-transform: uppercase;

}
div.acym_module .subbutton{
    background: #000 !important;
    border-radius: 5px;
    width:auto;
    display:inline-block;
    color: #fff;
    text-decoration: none;
    overflow:hidden;
    padding: 10px 21px;
    text-transform: none;
    max-width: 100%;
    margin-left: -5px;
}
div.acym_module {
    margin: 60px 12% 65px 0;
}
.acym_module_form label { 
    display: block !important; 
    margin: 0 !important;
}
td.acyfield_text, td.acyfield_text input {
    width: 100%;
    max-width: 100%;
    text-align: left;
}
td.acyfield_text input {
    border: 0;
    background: #ccc;
    height: 42px;
    padding: 5px 20px;
    margin: 0;
    color: #000;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
div.acym_module .subbutton:hover{background:#40b281}
/************** .calendrier ***************/
#weatherWidget .locationName{
    color: #1099c3 !important;
}
#weatherWidget .locationName span{
    display: none !important;
}
.moduletable.calendrier {
    position: relative;
    max-width: 100% !important;
    width: 100% !important;
    background: #fff url(../images/evenements1.jpg) no-repeat top center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.calendrier h3 {
    position:relative;
    background: #40b281;
    font-size: 30px;
    text-transform: uppercase;
    color:#fff;
    margin: 0;
    text-align: center;
    line-height: 59px;
    margin-bottom: 182px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.calendrier .eventcalq{
    position: relative;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0;
}
.calendrier table{
    background: #fff !important;
    color: #343638;
    border: 0 !important;
}

.calendrier .eventcalq tbody {
    margin: 19px 8% !important;
    display: table;
    width: 84%;
}
.calendrier caption {
    text-align: center;
    background: #40b281 !important;
    border: 0 !important;
    padding: 15px 0;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.calendrier caption  .evtq_home a{color: #fff !important;text-decoration:none;font-family: 'poppinsregular';font-weight: normal;font-size: 30px;}
.calendrier caption  a{text-decoration:none !important;}
.calendrier tbody tr:first-child {
    background: #ffffff;
}
.calendrier td, .calendrier th {
    text-align: center !important;
    background: #fff !important;
}
.calendrier th {
    padding: 5px 0 !important;
    font-family: 'poppinsbold';
    font-size:15px !important;
    color:#000 !important;
    border-bottom:1px solid #e7e7e7 !important
}
.calendrier td{height: 32px !important;border-color: #e7e7e7 !important;  border-left:1px solid #e7e7e7 !important}
.eventcalq td.mod_jemcalq_caltoday{
    text-align: center;
    color: #fff;
    background:url(../images/img_date.png) no-repeat center;
}

/* Today Event day cell hover Link / Visited*/
.eventcalq td.mod_jemcalq_caltodaylink a:link,
.eventcalq td.mod_jemcalq_caltodaylink a:visited{
    text-decoration: none;
    font-weight: bold;
    display: block;
    color: #608194;

}
/********************** communaute accueil ************************/
.bandeau-communaute{position:relative; background:url(../images/bg-associataion.jpg) top center no-repeat; margin-bottom:45px;}
.bandeau-communaute h2{margin:0;padding:77px 0 55px;font-size: 15px;font-family: 'poppinslight';color: #4c4c4c;letter-spacing: 1px;}
.bandeau-communaute h2 span{position: relative;display:block;color:#40b281;text-transform:uppercase;font-size:40px;font-family: 'poppinsbold';padding-bottom:22px;line-height: 50px;letter-spacing: 0;}
.bandeau-communaute h2 span:after{ content:"";background:#40b281; height:3px ; width:64px; position:absolute; bottom:0; left:0%; }
.bandeau-communaute .seemore:hover{background-position: bottom center;}
.bandeau-communaute .seemore{
    background: url(../images/red-more.png) top center no-repeat;
    width: 27px;
    height: 8px;
    font: 0/0 caption;
    float: left;
    margin-top: 20px;
    position: absolute;
    bottom: 0;
    left: 23px;
}
.communaute-box .link{
	position:absolute;top:0;left:0;width:100%;height:100%; display:block
}
.bandeau-communaute h3{position:absolute;bottom: 29px;left:0;background:#fff;border-radius:0 5px 0 0;padding: 20px 23px 0 23px;margin: 0;color: #080913;font-family: 'poppinsbold';font-size: 20px;text-transform: uppercase;}
.bandeau-communaute .communaute-box{display: grid; grid-template-columns: 1fr 1fr 1fr;}
.box .contenu-box {max-width:302px;height: 327px;position: relative;display: block;cursor: pointer;}
.box01 .contenu-box {background: url(../images/saint.jpg) top center no-repeat;}
.box02 .contenu-box {background: url(../images/bois.jpg) top center no-repeat;}
.box03 .contenu-box {background: url(../images/aigue.jpg) top center no-repeat;}
/********************** footer contact block ************************/
.coordonne{
    position: relative;
    background: url(../images/bg-boxes.jpg) center;
    background-attachment: fixed;
    padding: 66px 0 30px;
    color: #fff;
}
.coordonne p{ margin:0}
.coordonne .sp1{display:block;background: url(../images/sp1.png) left center no-repeat;padding-left: 36px;min-height: 24px;}
.coordonne .sp2{display:block;background: url(../images/sp2.png) left center no-repeat;padding-left: 36px; margin:10px 0}
.coordonne .sp3{display:block;background: url(../images/sp3.png) left center no-repeat;padding-left: 36px;}
.coordonne a:hover{color:#fff}
.coordonne h2{font-size:18px;color:#fff;margin: 0 auto 25px;text-transform:uppercase;padding-left:38px;font-family: 'poppinsbold';}
.coordonne .col-sm-3:last-child h2{padding-left:0}
.coordonne a{color:#ffe553;text-decoration: none;}
.coordonne:before{content:"";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(16,187,239,0.85);}
.coordonne .col-sm-3:last-child table td:nth-child(1){text-transform:uppercase;font-weight: bold;letter-spacing: 1px;}
.coordonne .col-sm-3:last-child table td:nth-child(3){padding-left: 7px;}
.coordonne .col-sm-3:last-child table {color:#fff; line-height:1.5em}
footer.footer {
    background: #0d0e1e;
    padding: 20px 0 70px;
    color: #fff;
}
footer h3{
    font-family: 'poppinslight';
    font-weight:bold;
    font-size:15px;
	text-align:center;
	margin-bottom:15px;
}
footer .gar{display:table; margin:auto;}	
.copyright.row {clear: both;display: table;margin: 0 auto;}
.copyright .col-md-3, .copyright .col-md-6{width:auto;padding:0 5px;}
.custom.mention a{ color:#1686b2; text-decoration:none}
.custom.mention a:hover{ color:#fff; text-decoration:none}
.custom.mention {float: right; margin: 0 0 0 10px;}
body.itemid-116 #content {/* background: #e9e9e9; *//* padding:90px 0 0; */}
main#content .item-page{/* padding-left:50px; */}




.jsn-uniform .controls > input{height: 37px; }
.jsn-uniform .controls > input, .jsn-uniform textarea, input.input-file{
    border:0;
    padding: 0px 20px;
    font-size:15px;
    line-height: 26px;
    width: -webkit-fill-available !important;
    width: -moz-fill-available !important;
    min-height:37px;
    display: table;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.jsn-uniform label{
    font-family: 'poppinslight' !important;
    font-size: 15px !important;
    color: #4c4c4c !important;
    font-weight: normal !important;
    margin: 3px 0;
}
.jsn-uniform .text label{display:none;}
.jsn-master .jsn-bootstrap .jsn-form-content .control-group{ padding:10px 0 !important;}



/****************/


 
 .blkcontactleft{
	background: rgb(16 187 239 / 70%);
	padding: 30px;
	margin: 30px auto;
	width: 100%;
	overflow:hidden;
	color: #fff;
 	font-size:15px
}
 
 
.jsn-uniform form{
	max-width: 1000px;
	margin: 20px auto !important;
	float:none;
	padding: 0 20px;
}
.jsn-uniform form .jsn-row-container .controls input[type=text],.jsn-uniform form .jsn-row-container .controls input[type=email],
.jsn-uniform form .jsn-row-container .controls input[type=number], .jsn-uniform form .jsn-row-container .controls textarea {
    background: rgb(234 234 234 / 10%)!important;
    width: 96%;
    border: 0;
    border: none;
    height: 50px;
    margin: 0 !important;
    padding: 0 2%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 BLACK;
    border: 1px solid #ccc;
}
 .jsn-uniform form .jsn-row-container .controls textarea {height: 150px !important;padding: 19px 20px 0;}

a, input, button{outline:none !important;text-decoration: none;}
 .jsn-form-submit {
    color: #fff;
    background: #2bbbe4 !important;
    border: 0 !important;
    padding: 12px 31px !important;
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    border-radius: 7px !important;
    margin: 10px 0 !important;position:relative;z-index:1
}
 
 .jsn-form-submit:hover,  .jsn-form-submit:focus{color: rgb(255 198 34);}
 .jsn-form-submit:before {
    content: "";
    position: absolute;
    left: 51%;
    right: 51%;
    top: 0px;
    bottom: 0px;
    z-index: -1;
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    border-radius: 7px !important;
    background: rgb(0 0 0);
    transition: all 0.3s ease 0s; 
}
.form-actions:hover .jsn-form-submit:after, .jsn-form-submit:hover:before, .jsn-form-submit:focus:before {
    left: 0px;
    right: 0px;
}
 input#jsn-captcha {
    margin-bottom: 20px !important;
    max-width: 200px;
}

.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input[type=radio] {
    width: auto !important;
    margin-left: -20px !important;
    height: auto !important;
}
.item-page h4.t-contact {
    color: #ffffff;
    background: #0093a2;
    display: table;
    margin: 0;
    padding: 11px;
    border-bottom: 1px solid;
}
.pave-contact {
    position: relative;
    display: block;
    background: #0093a2;
    padding: 20px 25px 10px;
    margin: 0 0 25px;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
    display: table;
    width: 80%;
}
.itemid-191 table{width:100%; margin-bottom:30px}
.itemid-191 tr {
    border-bottom: 1px solid rgb(0 0 0 / 3%);
    padding: 12px;
}
.itemid-191 td {
    padding: 15px 5px;
}
.itemid-191 h5{
font-size: 20px;
	font-weight: normal;
}
/**************************************/

.Blockinterne {background: #e4e4e4;display: block;padding: 20px 0;overflow: hidden;margin: 20px 0;/* width: 100vw; */position: relative;/* margin-left: -50vw; *//* left: 49%; */}

.Blockinterne1 {
    background: #f9f6f6;
    display: block;
    padding: 20px 0;
    overflow: hidden;
    margin: 20px 0;
    /* width: 100vw; */
    position: relative;
    /* margin-left: -50vw; */
    /* left: 49%; */
    }
}

.Blockinterne h2 {
    color: #000;
}
.item-page a{
	color:#0093a2;font-weight:bold
}
.item-page h2 {
    position: relative;
    display: block;
    color: #40b281;
    text-transform: uppercase;
    font-size: 27px;
    font-family: 'poppinsbold';
    padding-bottom: 10px;
    margin: 20px 0 0;
}
.item-page h2.titre2{
	color:#4c4b4b
}
.item-page h3 {
    position: relative;
    display: block;
    color: #000000;
    font-size: 21px;
    font-family: 'poppinsbold';
    margin: 20px 0 10px;
}

.item-page h4 {
    position: relative;
    display: block;
    color: #10bbef;
    font-size: 20px;
    font-family: 'poppinsbold';
    margin: 20px 0 10px;
}
.item-page h5 { 
    font-size: 16px;
    font-family: 'poppinsbold';
    margin: 20px 0 0;
}
ul.nav-child li {
    position: relative;
}
.blklinkcenter {
    margin: 0 auto 30px;
    width: max-content;
}
 
.blklinkcenter a {
    display:block;
    border: 2px solid #000;
}

.minitext{
  font-size:12px
}
.minitext p{
  font-size:12px;margin:0
}


.img-left{
  margin:0 30px 30px 0;float:left
}
.img-right{
  margin:0 0px 30px 30px;float:right
}
img.ensavoirplus {
    max-width: 192px;
}
.item-page .panel-group .panel-heading{padding:0}
.panel-title{margin:0 !important;padding:0 !important}
.panel-title a {
	font-size: 21px !important;
	display:block;
	padding: 15px 20px!important;
	color: #fff !important;
	background:#057a86;
	}
 
.panel-title a.collapsed{
	color:#057a86 !important;background:#f5f5f5 !important;
}

/**************** ANNUAIRES **************/

.list-annuaire {
    display: flex;
    /* justify-content: space-around; */
    flex-wrap: wrap;
}

.item {
    width: 100%;
    max-width: calc(33.333% - 20px);
    background: #f9f8f8;
    padding: 15px;
    border: 1px solid #eaeaea;
    margin: 10px 20px 10px 0;
    /* box-shadow: 0 0 10px #00000026; */
    cursor: pointer;
    font-size: 14px;
    border-radius: 5px;
}

.item2 {
    width: 100%;
    background: #f9f8f8;
    padding: 15px;
    border: 1px solid #eaeaea;
    margin: 10px 20px 10px 0;
    box-shadow: 0 0 10px #00000026;
    cursor: pointer;
    font-size: 14px;
    border-radius: 5px;
}

.list-annuaire .item h4 {
    margin: 10px 0 10px;
    font-size: 15px;
    color: #10bbef;
    font-family: 'poppinsregular';
    font-weight: bold;
}
.list-annuaire .item a{color: #40b281;font-weight: normal;}
.list-annuaire .item a.btn-siteweb {float:left;display:table;margin: 0 10px 0 0px;background: #40b281;color: #fff;padding: 3px 8px 0;border-radius: 8px;font-size: 14px;}
.list-annuaire .item a.btn-siteweb.btn-facebook {}



.item:hover {
    border: 1px solid #40b28161;
    background: #40b28114;
    box-shadow: 0 0 10px #00000026;
}



.titre-bouton { background: #40b281;padding: 20px;margin: 0 0 30px;border-radius: 5px;
    display: block;} 
a#btn_mon_commerce {
    background: #ffffff;
    display: table;
    color: #40b281;
    padding: 8px 10px 4px;
    font-weight: normal;
    
    font-size: 20px;
    text-transform: uppercase;border-radius: 5px;
    
}
a#btn_mon_commerce:hover {
    background: #0000003b;
   
    color: #ffffff;
    
    font-size: 19px;
    
}
div#mon_commerce {
    padding: 20px;
    background: #40b28129;
    border-radius: 5px;
    border: 1px solid #40b2814d;
  margin-top: 50px;
}
img.img-contenu {
    max-width: 450px;
    height: auto;
}
img.img-contenu.logo-couleur {
    max-width: 300px;
    height: auto;
}
.list-parkings {
    display: flex;
    flex-wrap: wrap;
}
a.map-parking {
    display: table;
    font-size: 0;
    background:  url(../images/map.png) center no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
}
/******************************************/
@media(max-width:1700px){
	header .banner:after{
		width: 22.5%;
		clip-path: polygon(0 0, 0% 126%, 100% 0);
	}
	header .banner .blockmenu {
		margin-left: 19%;
	}
	header .logo {
		left: 5px;
		width: 17%;
	}
	.Blockmenu2 > ul.nav>li {
 
    margin: 0 15px;
}
}
@media(max-width:1500px){
 
	header .banner .blockmenu {
		margin-left: 19%;
	}
	header .banner .blockmenu .container{padding:0}
 .Blockmenu2 > ul.nav>li, ul.maximenuck li.maximenuck.level1  {
		max-width: 150px;
		margin: 0 6px;
	}
 
 .Blockmenu2 > ul.nav>li.item-113, ul.maximenuck li.maximenuck.level1.item113 {
    max-width: 107px;
} 
ul.maximenuck li.maximenuck.level1.item114 {
    max-width: 73px !important;
    min-width: auto;
}
ul.maximenuck li.maximenuck.level1.item114 >a{line-height: 20px !important;} 
 .Blockmenu2 > ul.nav>li.item-112, ul.maximenuck li.maximenuck.level1.item112 {
    max-width: 135px;
}
}
@media (min-width: 1370px){
  .container {width: 1340px;}

}

@media (max-width: 1440px){
	.container { width: 100%;}
	body {font-size: 14px;}
	header .banner:after {width: 22%;clip-path: polygon(0 0, 0% 140%, 100% 0);}
	a.logo img{max-width: 100%;height:auto;}
	.banner .slide-desc span.slogan2 { max-width: 700px;}
	.banner .slide-desc span.slogs { font-size: 25px;}	
	header .banner .flexslider .slides > li:before { width: 30%; height: 330px;}	
	.nspArts { padding: 3px 0;}
	.bandeau-boxes .associations .associations-in {  padding: 0 0 0 20px;}
	.nspCol3 {   width: auto !important;}
	.actualite .nspArt {margin-left: 15px;}
	.Blockmenu2 > ul.nav>li {
		margin: 0 10px;
	}
}
@media (max-width: 1400px){
	
	.header-top a{
		font-size:14px !important
	}
}
@media (max-width: 1340px){
	header .sf-menu >li > a  { 
		font-size: 14px;  
	}
	.Blockmenu2 > ul.nav>li, ul.maximenuck li.maximenuck.level1  {
		margin: 0 1px;
	}
 
   
	header .logo {
		width: 245px;
	}
	header .banner .blockmenu {
    margin-left: 22%;
}
 
header .banner:after {width: 25%;clip-path: polygon(0 0, 0% 168%, 98% 0);}

.bandeau-boxes .associations h2 span {font-size: 30px;}
body {font-size: 12px;}
.bandeau-boxes .associations .custom {padding-right: 129px;width: auto;}
.bandeau-boxes .evenement .bt-inner {padding-left: 20px;}
.banner .slide-desc-box .slide-title .span-js-title {font-size: 40px;}
.banner .slide-desc span {font-size: 27px;}
.actualite .nspArt {margin-left: 5px;}	
}

@media (max-width: 1200px){
	.Blkmenuleft, Blkmenuleft2, Blkmenuleft3{display:none}
	.popup{
		/* width: 160px !important; */
		/* height: 160px !important; */
		bottom:20px !important;
		left: 10px !important;
	}
	.slide-desc-box > div > div { 
    padding:20px 0 !important; 
}
.banner .slide-desc-box > div > div:after{display:none}
	.itemid-101 .headermenu {
		min-height: auto;
	}
	.header-top .main-nav, div.maximenuckh{display:none  !important;}
	.headermenu .custom img {
    max-width:inherit
}
.headermenu .custom img {
    max-height:300px
}
		  header .banner .blockmenu2> ul	{display:none;}
		nav.mobile-nav  {display: inline-block;position: relative;float: right;margin: -6px 15px 0 0;z-index: 1000;}
		nav.mobile-nav  a{color: #ffffff;font-size: 26px;}
        .banner #flexslider-90.flexslider, #flexslider-90.flexslider ul.slides li {
			position: relative;
			z-index: 0;
			height: auto !important;
		}
		.bknewsletter {
			padding: 20px 0;
		}
		.bknewsletter .emploi .offre h2 {
			margin: 0 auto 20px;
		}
		div.acym_module {
			margin: 30px auto;
		}
			.copyright.row {
		}
		.pave-contact { 
    padding: 20px 15px 10px; 
    font-size: 14px;
    line-height: 20px; 
    width: 100%;
}
.panel-title a {
    font-size: 18px !important;
    padding: 15px 10px 15px 15px!important;
}
}
.popup {
    position: absolute;
    bottom: 50px;
    left: 130px;
    background: #10bbef;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    color: #fff;
    font-size: 20px;
}
.popup a{
    color: #fff;
    font-size: 20px;
    padding: 30px;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    animation: clignote 1s linear infinite;
    font-family: 'poppinsbold';
    text-transform: uppercase;
}
@keyframes clignote {  
  50% { opacity: 0; }
}    
@media (max-width: 1250px){
.main-nav .sf-menu a{
	font-size:12px;color:#fff
}
header .banner .flexslider .slides > li:after{content:none;width: 27%;}
.banner .slide-desc span.slogan2 {max-width: 500px;}
.banner .slide-desc span.slogs {font-size: 18px;}
.banner .slide-desc-box .slide-title .span-js-title {font-size: 30px;}
.banner .slide-desc span {font-size: 23px;}
.actualite .nspArt {max-width: 585px; width: auto; display: table;float: none !important; margin: 0 auto 65px !important;}
.nspPages3 {width: auto !important; display: table !important;margin: auto !important;}
.bandeau-boxes {display: block;grid-template-columns: unset;}
.bandeau-boxes .associations .associations-in {padding: 30px 0 30px 20px;position: relative;bottom: inherit;color: #fff;z-index: 1;left: inherit !important;right: inherit !important;}
.bandeau-boxes .evenement {grid-column: unset; background: rgba(16, 187, 239, 0.8); z-index: 1;}
.bandeau-boxes .evenement .slide {width: 100% !important;}

.bknewsletter > .container {display: block; grid-template-columns: unset;}	
.agenda .col-sm-6 {float: none; width: 100%;}
#weatherWidget {display: table !important;margin: auto;}

	.footer .col-md-9, .footer .col-md-3 {width:auto;float: none;margin: 25px auto;display: table;}
	.footer .col-md-3 {margin: 0 auto 3px;}
	.bandeau-communaute .communaute-box {
    display: block;
    grid-template-columns: unset;
}
.bandeau-communaute .communaute-box  .box{
	    position: relative;
	    width: 302px;
	    height: auto;
	    display:table;
	    margin:0 auto 30px;
	}
	
.bandeau-boxes .evenement .bt-inner {
    /* margin: 0 auto; */
    /* width: 100%; */
}
.moduletable.calendrier {
    background: #fff url(../images/evenements1.jpg) no-repeat center;
    background-size: cover;
}
.bandeau-communaute {
    background: url(../images/bg-associataion.jpg) top left no-repeat;
    background-size: cover;
}	
.bandeau-communaute h2 {
    margin: 0 auto;
    padding: 25px 0;
    display: table;
	}	
	.flexslider li .jslider-image, .flexslider li .jslider-image img {
		height: 350px!important;
		/* width: auto !important; */
	}	
	header .banner:after {
		width: 280px;
		bottom: inherit !important;
		clip-path: none !important;
		height: 86px;
		overflow: hidden;
	}
	header .logo {top: 10px;}
	header .banner #flexslider-90.flexslider .slides > li:before { 
		width: 20%; 
		height: 200px; 
	}
	.slide-desc{display:none}


.item {
    
    max-width: calc(50% - 20px);
}
}
    
@media (max-width: 970px){
	.main-nav{display:none}
	header .banner:after {
		/* height: 108px; */
	}
	.Blockmenu2 {
    min-height: auto;
}
	.boxes h2{
		background: #10bbef url(../images/clic.png) top 10px center no-repeat;
		overflow: hidden;
		width: max-content;
		display: block;
		margin: 0 auto 20px!important;
		position: relative;
		padding: 94px 80px 23px;
	}
	.boxes .box-banner > a{
		padding: 113px 23px 15px;
		margin-bottom: 20px;
		width: 47%;
	}
	.bgcompteur .col-sm-4 {
		width: auto;
		float: none;
	}
	#flexslider-90 .slide-desc-box > div > div {
		display: none;
	}	

	.boxes .box-banner, .boxes .container .custom{
		display: block;
		grid-template-columns: unset;
	}
	.bandeau-boxes .evenement .bt-inner {
		max-width: 100%;
		padding: 0 20px;
	}
		.bandeau-boxes .evenement .bt-introtext {
		max-width: 500px;
		width: 100%;
	}
		.bandeau-boxes .evenement .bt-cs .slide> .bt-row:nth-child(3) img {
		float: left !important;
	}
	.coordonne .col-sm-3 {
		width: 280px;
		display: block;
		float: none;
		margin: auto;
		padding: 0;
	}
	.coordonne h2 {
		margin: 30px 0 15px;
		padding-left: 0;
		text-align: left;
	}
	footer .gar {
    max-width:70px
}
}

@media (max-width: 767px){
	header .banner:after {
	}
	.nspArt .nspImageWrapper {
		max-width:300px;
		float:none !important;
		margin: 0 auto 20px !important; 
	}
	.actualite .nspArt img {
		float:none !important;
	}
	.actualite .nspArt .nspInfo, .actualite .nspArt h4.nspHeader, .actualite .nspArt .nspText{
		float:none !important;
		display:block !important;
		overflow:hidden;
		max-width: 300px!important;
		/* text-align: center; */
		margin: 0 auto 10px;
		clear: both;
	}
	.bt-cs .bt-inner a {
		display:block;
		margin: 0 auto;
		float:none;
		width:100%;
	}
	.bandeau-boxes .associations .custom {
		padding: 0 20px 15px 0;
		width: initial;
	}
	footer.footer { 
		padding: 30px 0 10px; 
	}
.bandeau-boxes .evenement .bt-cs .bt-title { 
    margin-bottom: 0;
}
  .item {
    
    max-width: calc(100% - 20px);
}
}

@media (max-width: 538px){
  a.logo img {
      /* max-width: 80%; */
      /* height: auto; */
  }
header .logo {position: relative;top: 20px;left: 0;right: 0;text-align: center;/* margin: 0 auto; */}
  .bandeau-boxes .associations h2 span {
      font-size: 20px;
  }	
  .actualite h2 span, .bknewsletter .emploi .offre h2 span, .bandeau-communaute h2 span {font-size: 30px;}


  .bknewsletter .emploi .logo-part td{ display:block !important;}
  .bandeau-boxes .associations .custom {
      padding: 0 15px;
      margin: 0 auto;
      width: 100%;
  }
  header .banner:after {
  width: 100%;
  height: auto;
  }
  .TopHeader, .header-top{
  	background:#fff;
  	position: relative;
  	clear: both;
  }
      .bandeau-communaute .communaute-box .box {
      width: 285px;
  }
  .socialmedia a{
  	background: #000 !important;
  	color: #fff !important;
  }
  .socialmedia{
  	position:absolute;top:-30px;right:0px;
  }
  nav.mobile-nav{width:100%;margin: 0;text-align: center;}
  header .banner .blockmenu{width:100%;margin: 0 !important;}
}
@media(max-width:600px){
	.boxes .box-banner > a{
		width:100% !important;
		border-bottom: 1px dashed #9a9a9a;
		border-right: 0;
	}
	#lnee_147 .innernews{
		display:block;
		max-width: 100%;
	}
	#lnee_147 .newshead.picturetype, #lnee_147 .newsinfo{float: none !important;padding: 15px 0;overflow: hidden;}
	.lnee ul.latestnews-items li p.link a, .link_append, .link_append:hover{text-align:left !important}
	.bandeau-communaute h2 span{
		font-size:30px;
		line-height: 40px;
		padding-bottom: 10px;
	}
}

 
 
.socialmedia {
    float: right;
}
.socialmedia span{font-size:0}

.socialmedia a {background: #fff;padding: 6px 0;border-radius: 50%;width: 28px;height: 28px;display: block;text-align: center;margin: -5px 20px; color:#000}
.coordonne .socialmedia{
	float:none;
	margin: 0 auto;
	display:block;
	clear: both;
	text-align: center;
	max-width: 200px;
	padding: 50px 0 0; z-index:1000;position:relative
}
.coordonne .socialmedia a{margin:0 auto; color:#034254 !important;background:#fff}


.Blkmenuleft ul, .Blkmenuleft2 ul, .Blkmenuleft3 ul {
    display: block !important;
    position: relative !important;
    top: 0  !important;
    left: 0 !important;
    right: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    min-width: inherit !important;
}
.Blkmenuleft >ul >li.active>a, .Blkmenuleft2  >ul >li.active>a, .Blkmenuleft3  >ul >li.active>a{
	padding:10px;
	text-transform: uppercase;
	font-family: 'poppinsbold';
}
 .Blkmenuleft ul ul a:hover, .Blkmenuleft2 ul ul a:hover, .Blkmenuleft3  ul ul  a:hover,  .Blkmenuleft  ul ul li.current>a, .Blkmenuleft2 ul ul li.current>a, .Blkmenuleft3 ul ul li.current>a {
    background: #fff;
    color: #000;
}
 .Blkmenuleft  ul ul  ul  a:hover, .Blkmenuleft2   ul ul  ul  a:hover, .Blkmenuleft3    ul ul  ul a:hover,  .Blkmenuleft  ul ul  ul li.current>a, .Blkmenuleft2 ul ul ul li.current>a, .Blkmenuleft3 ul ul ul li.current>a{
 	background:#000 !important;color:#fff !important
 }
.sf-menu ul a{display:block}
.Blkmenuleft> .sf-menu > li, .Blkmenuleft2> .sf-menu > li, .Blkmenuleft3> .sf-menu > li {
    display: none; 
}

.Blkmenuleft> .sf-menu > li.item-112, .Blkmenuleft2> .sf-menu > li.item-200, .Blkmenuleft3> .sf-menu > li.item-251 { 
    display: block !important; 
    float: none;
 }
.Blkmenuleft ul li, .Blkmenuleft2 ul li, .Blkmenuleft3 ul li{
    border-bottom: 1px #fff dashed;max-width:inherit !important
}
.Blkmenuleft ul li:last-child, .Blkmenuleft2 ul li:last-child, .Blkmenuleft3 ul li:last-child{border-bottom:0; margin-bottom:20px}
.Blkmenuleft ul ul ul, .Blkmenuleft2 ul ul ul, .Blkmenuleft3 ul ul ul{
    padding-left:10px
}

 


.panel-body tr:nth-child(even) {background: #CCC}
.panel-body tr:nth-child(odd) {background: #bfbfbf}
.panel-body table td{
  padding:15px 5px;
  color:#000;font-size:14px
}


.blkrightimg {
    max-width: 550px;
    float: right;
    margin: 0 15px;
}
table {
    background-color: transparent;
    width: 100%;
}
.panel-body table {
    margin: 0 auto 30px;
}

.panel-body table th {
    padding: 12px 5px;
}

img.alignLeft {
    float: left;
    margin: 0 10px 20px;
}
img.alignRight {
    float: right;
    margin: 0 10px 20px;
}

ul.maximenuck li.maximenuck div.floatck div.floatck {
/*    max-width: inherit !important;*/
    min-width: 200px; 
    bottom: initial !important;
}
.imggalery {
    display: block;
    margin: 0 auto 30px;
    text-align: center;
    width: 300px;
    height: 220px;
    overflow: hidden;
    max-width: 100%;
    border: 2px solid #d4d4d4;
}
.imggalery img {
    min-height: 100%;
}

.imggalery a {
    width: 100%;
    height: 100%;
}

li.item-314 a, li.item-313 a {
    background: #9a9a9a !important;
    padding: 5px 10px !important;
    margin: 0 0 2px;
}
#accordion2{
  margin:0 20px
}
#accordion2 .panel-title {
    font-weight:normal !important
}
#accordion2 .panel-title a {
    font-size: 17px !important;
    text-transform: lowercase;
}
li.maximenuck.current.active, li.maximenuck.active, li.maximenuck:hover, li.maximenuck2:hover
 {
    background: rgb(0 0 0 / 30%);
}
div.maximenuckh ul li div.floatck div.floatck {
    min-width: 350px !important;
}

@media(max-width:1500px){
  div.maximenuckh ul li div.floatck div.floatck {
    left: 90% !important;
    min-width: 270px !important;
}
}

.Menuflotant{
    position: fixed;
    top: 30%;
    bottom: auto;
    right: 0;
    text-align:right;
    z-index: 20;
}
.Menuflotant ul{padding:0;margin:0;-webkit-border-top-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-bottomleft: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.Menuflotant li {
    display: block;
    padding: 0;
    margin:0;
    border-bottom: 1px solid #4b4132;
}

.Menuflotant li:first-child{border:0;margin-bottom:10px}
.Menuflotant li:last-child{border:0}
.Menuflotant li a{
	display:block;
	width:77px;
	height: 58px;
	background-color: #262626 !important;
}
.Menuflotant li a:hover{
	background-color: rgb(38 38 38 / 70%) !important;
} 

.Menuflotant li a span{
	display:none
}
a.menuf.menufl {
    background: url(../images/puce_1.png) no-repeat center;
    background-color: #adadad !important;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.Menuflotant li a.menuf.menufl:hover{
	background-color: rgb(38 38 38 / 60%) !important;
} 
a.menuf.menuf2 {
    background: url(../images/puce_2.png) no-repeat center;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}
a.menuf.menuf3 {
    background: url(../images/puce_3.png) no-repeat center;
}
a.menuf.menuf4 {
    background: url(../images/puce_4.png) no-repeat center;
}
a.menuf.menuf5 {
    /* background: url(../images/puce_5.png) no-repeat center; */
    text-align: center;
    font-size: 30px;
    color: #fff;
    padding-top: 15px;
}
a.menuf.menuf6 {
    background: url(../images/puce_6.png) no-repeat center;
}
a.menuf.menuf7 {
    background: url(../images/puce_7.png) no-repeat center;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}
div#meteo_open, div#recherche_open {
    background:rgb(27 66 97 / 95%);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    text-align: center; 
    z-index: 1000;
}
div#meteo_open iframe{
    min-height: 600px;height: 100%;
    min-width: 100%;
    max-width: 100%;
}
a.close_meteo, a.recherche_close{
    position: absolute;
    z-index: 400;
    font-size: 20px;
    top: 50px;
    right: 30px;
    color: #fff;
}


input#mod-search-searchword160 {
    -webkit-appearance: none;
    padding: 0 20px;
    border: 1px solid #ffffff;
    border-radius: 0;
    background-color: transparent;
    border-color: #fff;
    padding-right: 60px;
    min-width: 250px;
    height: 50px;
    color: #fff;
}

.Boxsearch {
    margin: 150px 0 0;
}

.Boxsearch h2 {
    color: #fff;
    font-family: 'poppinsbold';
    text-transform: uppercase;
    margin: 0 auto 40px;
    font-size: 59px;
    line-height: 52px;
    letter-spacing: 0;
}

.Boxsearch label {
    display: none;
}
dt.result-title {
    margin: 20px 0 10px;
}
.lnee .onecatlink.last, .lnee .readalllink.last {
	margin:0 !important
}