@font-face{font-family:'FontAwesome';src: url('fonts/fontawesome-webfont.ttf');font-weight:normal;font-style:normal}

@font-face{font-family:'Segoe UI';src: url('fonts/segoeui.ttf');font-weight:normal;font-style:normal}

@font-face{font-family:'Segoe UI';src: url('fonts/segoeuib.ttf');font-weight:bold;font-style:normal}

.invisible{
    display:none;
}

html {
    background:white;
    font-size:62.5%;
    height:100%;
    width:100%;
    position:fixed;
    overflow:hidden;
    -webkit-tap-highlight-color: transparent;
}

body{
    background:white;
    overflow:auto;
    height:100%;
    font-size:1.5rem
}
body,ul{
  margin:0;
  padding:0;
}

body,ul,html,a,h1,h2,h3,p,span,em,strong,font{
    font-family: "Segoe UI" !important;
}

li{
    list-style:none
}

img{
    object-fit:cover;
    object-position: center;
    border:none;
}

a{
    color:black;
    text-decoration: none;
}

.img.skeleton,.link.skeleton{
    background-color: #efefef !important;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.skeleton.active {
    position: relative;
    background-color: #efefef !important;
    overflow: hidden;
    color:transparent !important;
    display: inline-block;
    height: 100%;
    width: 100%;
    padding: 0;
    border-radius:6px;
 }

 .bckcontainer .img.skeleton,.bckcontainer .link.skeleton,.bck-container .skeleton.active{ 
    background-color: #f9f9f9 !important;
 }

 h1.skeleton.active,h2.skeleton.active,h3.skeleton.active,h4.skeleton.active,
 span.skeleton.active,p.skeleton.active,span.skeleton.active,strong.skeleton.active,a:not(.link).skeleton.active{
    display: inline-block;
    padding: 0;
    width:auto;
    height:auto
 }


 .skeleton.active::after{
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;left:0;
    transform: translate3d(-100%,0px,0px);
    background: linear-gradient(90deg, transparent, #fff, transparent);
    animation-name:skeleton;
    animation-duration: 1.5s;
    animation-iteration-count:5;
    z-index: 0;
    margin:0px;
 }
  @keyframes skeleton {
    100% {
      transform: translate3d(100%,0px,0px);
    }
  }

.sstitle{
    text-align:center;
    clear:both;
    font-size:3.75rem;
    /* padding-top:50px;
    padding-bottom: 25px; */
    margin-top:50px;
    margin-bottom: 40px;
    -margin:0px;
    font-weight:bold;
    display:block;
}

.sstitle::after,.mod-banners .cntli h3::after{
    content:'';
    display:block;
    background-color:#f7d72c;
    height:3px;
    width:60px;
    position:relative;
    clear:both;
    text-align:center;
    margin: 12.5px auto;
}

.ytb,img:not([width]):not([height]){
    width: 100%;
    height:100%;
    display: block;
    z-index:1;
    position:relative;
    /*background-color:#efefef;*/
}

iframe{
    width: 100%;
    min-height:100%;
    border:none;
    display: block;
    z-index:1;
    position:relative;
    border-radius:6px;
}


.ytb::after{
    position:absolute;
    top:calc(50% - 90px);
    left:calc(50% - 15px);
    cursor:pointer;
    font-size:40px;
    font-family:'FontAwesome';
    content:'\f144';
    display:block;
    color:white;
} 

.img[data-src*=".pdf"]::after{
    position:absolute;
    top:calc(50% - 90px);
    left:calc(50% - 15px);
    cursor:pointer;
    font-size:40px;
    font-family:'FontAwesome';
    content:'\f1c1';
    display:block;
    color:white;
}

#header,#content,#footer,#credits{
    float:left;
    width:100%;
    display:block;
    position:relative;
    overflow:hidden
}

.avis{
    float: left;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    position: relative;
    text-align:center
}

.avis p{
    margin:0
}

.custmd.avis{
    padding-bottom: 50px;
    background:#f3edd4
}

.avis strong{
    margin-bottom:30px;
    display:block;
    font-weight:normal;
}

.avis ul li{
    display:inline-block;
    margin:0 15px;
}


.avis option[value="1"]::after{
    content:'\f119';
    font-family: 'FontAwesome';
    font-size: 50px;
    cursor:pointer;
    color:black;
    transition:color .3s;
}

.avis option[value="1"]:hover::after{
    color:red !important;
}

.avis option[value="2"]::after{
    content:'\f11a';
    font-family: 'FontAwesome';
    font-size: 50px;
    cursor:pointer;
    color:black;
    transition:color .3s;
}

.avis option[value="2"]:hover::after{
    color:orange !important;
}

.avis option[value="3"]::after{
    content:'\f118';
    font-family: 'FontAwesome';
    font-size: 50px;
    cursor:pointer;
    color:black;
    transition:color .3s;
}

.avis option[value="3"]:hover::after{
    color:green !important;
}


#footer{
    background:#0565b3;
    z-index: 2;
    height: auto;
    min-height: 400px;
}

#bottomleft{
    width: 65%;
    float: left;
    height: 100%;
    color:white;
}
#bottomright{
    width: 35%;
    float: right;
    height: 100%;
    background: rgb(9, 77, 137);
    color: white;
    border-radius: 6px;

}

#footer a{
    word-break: break-all;
}

#footer #bottomleft .custmd{
    float:left;
    width:44%;
   padding:3%;
   padding-top:0
}

#footer .sstitle{
    font-size:2.5rem;
}
.xlargecontainer{
    max-width:98%;
    margin:0 auto;
    height:100%;
    overflow:hidden
}
.largecontainer{
  max-width:90%;
  margin:0 auto;
  height:100%;
  overflow:hidden;
}

.container{
  max-width:70%;
  margin:0 auto;
  height:100%;
  overflow:hidden
}

.rel{
    position:relative
}

.noovrl{
    overflow:visible !important;
}

input::-ms-clear {
    display: none;
}

.bckcontainer{
    background:#efefef;
    overflow:hidden
}

.wbb img{
    height: 35px !important;
    width: auto !important;
}

/*HEAD*/
.flashinfo{
    padding:20px 0;
    background:#f3edd4;
    height:57.5px;
    overflow:hidden;
}

.flashinfo .ima{
    float: left;
    width: 50px;
}

.flashinfo .txta{
    float: right;
    width: calc(100% - 65px);
}

.flashinfo .mod-articlesnews__item{
    min-height:70px;
    height:auto;
    margin-bottom:0px;
    float:left;
    width:100%;
    padding: 0 12.5px;
}

.flashinfo .mod-articlesnews__item .imm{
    float: left;
    width: 50px;
    border-radius: 50px;
    height: 50px;
    margin-right: 10px;
}

.flashinfo a:hover span{
    text-decoration: underline;
}
.flashinfo .slick-list{
    padding: 0 5px;
}

.flashinfo p,.flashinfo h3{
    margin:0 !important;
    white-space: nowrap;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.flashinfo img,.flashinfo i{
    float:left;
    width:50px !important;
    height:50px !important;
    object-position:center;
    object-fit:cover;
    margin-right:0px;
    border-radius:50px;
}

#head{
  height:95px;
  border-bottom: 2px solid #efefef;
}

#socials{
  float:left;
  width:160px;
  height:100%;
  text-align:left;
}
#socials ul li{
    display:inline-block;
    padding: 35px 0px;
    padding-right:15px;
    padding-left:15px;
    padding-bottom: 40px;
}

.licontact,.liconnect,.lidark{
    display:none !important
}


#logo{
  -width:20%;
  height:100%;
  float:left;
  text-align:center;
  padding-right: 30px;
  padding-left:22.5px;
margin-right: 0px;
border-right: 2px solid #efefef;
border-left: 2px solid #efefef;
}
#logo img{
    position: relative;
    left: 0px;
    opacity:1 !important
}
#logo a{
  padding-top: 21px;
  display: block;
  padding-bottom: 21px;
}

#links{
  width:auto;
  height:100%;
  float:right;
  text-align:right;
}

#links ul li{
    display:inline-block;
    padding: 35px 15px;
    padding-bottom: 40px;
}

#links li.search{
    background:#f9f9f9;
    cursor:pointer;
    padding-left: 25px;
    padding-right: 25px;
    font-weight:bold;
    width:95px;
    text-align:left;
}

.item-142 a::before{
    content:'\f053';
    font-family:'FontAwesome';
    margin-right:5px;
}

.item-142 a{
    font-weight:900 !important
}

#links .search.activate,#links .search:hover{
    background:#efefef
}

#links li.search i{
    margin-right:5px;
}

#links i::before,#socials a i::before{
    font-size: 1.9rem;
}

#links li.search.activate i.fa-search:before {
    content: "\f00d" !important;
}

#links a{
    font-weight:bold
}

.newsflash-title a:hover{
    text-decoration: underline;
}

#links a:hover{
    text-decoration: underline;
}

/*SUBHEAD*/
#subhead{
    height:65px;
    background:white;
    width:100%;
    z-index:9;
}

#subhead.fxd{
    position:fixed;
    top:0;
}

#subhead.fxd .buttonsearch{
    display:block
}

#content.fxd{
    padding-top:65px
}


/*MENU*/
#menu{
    height:65px;
    text-align:center;
    position:relative
}

#menu li{
    display: inline-block;
}

#menu a{
    padding-top:17px;
    padding-bottom: 26px;
    padding-left: 20px;
    padding-right: 20px;

    border-top:4px solid transparent;
    color: black;
    font-weight: bold;
    text-decoration: none;
    font-family: 'Segoe UI';
    display:inline-block;
    transition:border-top-color .3s;
}

#menu a:hover{
    border-top-color:#f7d72c;
}

#menu .current a,.itemid-111 #menu .item-113 a{
    border-top-color:black;

}

.buttonenunclic:hover,.docs .doc a:hover,.totop:hover{
    background:rgb(247 215 44) !important;
    color:black;
}

.share a:hover,.actions a:hover,#socials a:hover{
color:rgb(247 215 44)  !important;
}

.slick-dots li button:hover{
    color:#f7d72c  !important;
    background:#f7d72c  !important;
}

.limoon{
    cursor:pointer;
    padding-left: 20px !important;
    margin-left: 5px;
    border-left: 2px solid #efefef;
}
.limoon a i::before{
    font-size: 1.9rem !important;
}


#menu ul{
    width: max-content;
    margin: 0 auto;
}

/*SLIDER*/
.sliderville li{
    position: relative
}
.sliderville:first-child{
    float:left;
    width:67.5%;
    height:500px;
    margin-bottom: 0px;
}
.sliderville:first-child.compact{
    width:38.125%;
}
.sliderville:first-child.compact.hasbani.noavant{
    width:58.125%;
}
.sliderville:first-child.seul{
    width:100%;
    margin:0;
}
.sliderville:first-child.seul h2{
    font-size:2.5rem
}
.sliderville:first-child.seul .mod-articles-category-title{
   padding: 25px 35px;
   right:calc(9% - 35px);
   border-top-right-radius:6px;
   width:82%;
   max-width: 1660px;
}
.sliderville:first-child.seul .slick-dots{
top:10px;
 right:calc(9% - 35px);
}

.sliderville:first-child .mod-articles-category-title{
    position:absolute;
    margin:0px;
    bottom: 0;
    right: 0;
    background: white;
    padding: 25px 25px;
    width:70%;
    min-height:100px;
    height:auto;
    z-index:2;
    border-top-left-radius:6px;

}
.sliderville:first-child h2{
    color:black;
    font-weight: bold;
    font-size: 2.5rem;
    padding:0;
    margin:0
}

.sliderville:first-child a.img{
    display:block;
    height:100%;
    width:100%;
    cursor:pointer;
}


.sliderville:first-child .slick-dots{
    top:10px;
    position:absolute;
    right:0px;
}


.sliderville:nth-child(2){
    float: left;
    width: 34.77%;
    height:500px;
    margin-left: 2.5%;
    margin-right: 0%;
}

.sliderville:nth-child(2) .mod-articles-category-title {
    position:absolute;
    margin:0px;
    bottom: 0;
    right: 0;
    background: white;
    padding: 25px 35px;
    width:70%;
    min-height:100px;
    height:auto;
    z-index:2;
    border-top-left-radius:6px;
}
.sliderville:nth-child(2) h2{
    color:black;
    font-weight: bold;
    font-size: 2.5rem;
    padding:0;
    margin:0
}

.sliderville:nth-child(2) a.img{
    cursor:pointer;
    display:block;
    height:100%;
    width:100%;
}


.sliderville:nth-child(2) .slick-dots{
    bottom:160px;
    position:absolute;
    right:0px;
}

.sliderville:last-child li{
    position:relative
}

.sliderville:last-child{
    float:left;
    width:60.5%;
    height:500px;
    margin: 0;
    margin-left: 1%;
}

.sliderville:last-child.vide{
    width:49.25%;
}

.sliderville:last-child.vide.hasbann{
    width:39.25%;
}

.sliderville.alone{
    float:left;
    width:30%;
    height:500px;
    margin: 0;
    margin-left: 2.5%;
}

.sliderville.alone.hasbann:not(.noacts),.sliderville.plustwo.hasbann:not(.pub,.noacts){
    width:22%;
}

.sliderville.alone.hasbann.pub.enavant{
    width:34.75%
}

.sliderville.alone li{
    height:100%;
    width:100%;
    overflow:hidden;
    border-radius:6px
}
.sliderville.alone.hastwo:not(.noactu,.pub) li,.sliderville.plustwo.hasbann:not(.noactu,.pub) li{
    height:48%;
    width:100%;
    overflow:hidden;
    margin-bottom:5%;
    border-radius:6px
}
.sliderville:last-child.notalone li{
    height:48%;
    overflow:hidden;
    border-radius:6px;
    width: 48%;
    float: right;
    margin-left: 2%;
    margin-bottom: 2%;
}

.sliderville:last-child.notalone.plustwo li:first-child{  
    width: 98%;
}

.sliderville.noavant.nobann{  
    width: 100% !important;
    margin:0px 
}


.sliderville:last-child .mod-articles-category-title{
    position:absolute;
    margin:0px;
    bottom: 0;
    right: 0;
    background: white;
    padding: 25px 20px;
    width:70%;
    height:auto;
    z-index:2;
    border-top-left-radius:6px;
}

.sliderville:last-child.alone .mod-articles-category-title{
    height:auto;
    border-top-left-radius:6px;
}

.sliderville:last-child:not(.vide,.nobann.noavant) h2{
    color:black;
    font-weight: bold;
    font-size: 1.9rem;
    padding:0;
    margin:0
}

.sliderville.noactu{
    width:67.5% !important;
    margin:0px !important

}
.sliderville.vide.noactu{
    width:100% !important;
    margin:0px !important

}

.sliderville:last-child a.img{
    cursor:pointer;
    display:block;
    height:100%;
    width:100%;
}

.sliderville.onlyavant{
    width:98% !important;
    margin:0px !important
}

/*
a.img::before{
background-color: #354bcf;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: translate(2rem,2rem);
width: 100%;
}*/

.sliderville:first-child a.img iframe,.sliderville:nth-child(2) a.img iframe,.sliderville:last-child a.img iframe{
    transition:transform .2s ease;
    transform:scale(1.5);
    pointer-events:none;
}
.sliderville:first-child a.img:hover iframe,.sliderville:nth-child(2) a.img:hover iframe,.sliderville:last-child a.img:hover iframe{
    transform:scale(1.65)
}

/*CONTENT*/

.ville .gallerie a::after{
    display:none !important
}
/*ACCES RAPIDES*/
.accesrapides{
    margin-bottom:48px !important;
    text-align:center;
}

.accesrapides li{
    float:none !important;
    display:inline-block !important;
    height:155px !important;
    width:auto !important;
    text-align: center;
}

.accesrapides li img{
    height:100px;
    width:100px;
    margin:0 auto;
    border-radius:128px;
    background: #efefef;
    overflow:hidden;
    display:block;
    position:relative;
    z-index:1;
}

.accesrapides li .circle{
    height:100px !important;
    width:100px !important;
    margin:0 auto;
    border-radius:128px;
    background: #efefef;
    overflow:hidden;
    display:block;
    position:relative;
    z-index:1;
}

.accesrapides li a{
    text-align:center;
    display:inline-block
}

.accesrapides li a span{
    padding:15px 0;
    display:inline-block;
    font-weight:500
}


.que-faire-a-chalons .reco .descr span{
    display:block;
    margin-bottom:7.5px
}
.que-faire-a-chalons .reco .descr .tag span{
margin-bottom:0px
}
.accesrapides .quali #widget,.enunclic .quali #widget{
    height:100px;
    width:100px;
    border-radius:128px;
    position: relative;
    z-index: 1;
}


.accesrapides .arbres strong,.enunclic .arbres strong{
    display: block;
    font-size: 2.5rem;
    top: 31px;
    position: relative;
    z-index:2;
    color:white;
    text-shadow: 0px 0px 10px black;
}
.accesrapides .arbres img,.enunclic .arbres img{
    position: relative;
    top: -31px;
    z-index:1
}
.accesrapides .quali img,.enunclic .quali img{
    height:50px;
    width:50px;
    margin: 0 auto;
    margin-top:0px;
    position: relative;
    top: 12px;
    margin-bottom: 25px;
}

.accesrapides .quali h3,.enunclic .quali h3{
    display:none
}

.accesrapides .quali h1,.enunclic .quali h1{
    margin: 0;
    padding: 0;
    font-size: 1.25rem;
    font-weight: 500;
    position:relative;
    top:-2.5px;
    color:#f9f9f9
}

.accesrapides .quali div,.enunclic .quali div{
    height:auto;
    padding:0;
    margin:0;
    overflow:hidden
}

/*AGENDA*/


body .agenda{
    padding: 0 1.5%;
}

body .agenda li{
    height:500px;
}

body .agenda .fa{
    margin-right:5px
}

body .agenda li:first-child h3{
    font-size:2.5rem !important
}

body .agenda .descr{
    position: absolute;
    bottom: 0;
    background: white;
    width: 80%;
    right: 0;
    padding: 20px;
    z-index:2
}

body .agenda img{
    width:100%
}
body .agenda li{
    position:relative;
    overflow:hidden
}
body .agenda li:first-child{
    width:48.5%;
    height:100%;
    float:left;
}

body .agenda li:nth-child(2){
    width:48.5%;
    height:47.25%;
    float:right;
    margin-bottom:2%;
}
body .agenda li:nth-child(3){
    width:48.5%;
    height:47.25%;
    float:right;

}

body .agenda li:nth-child(2) a.link{
    float:right !important;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
body .agenda li:nth-child(3) a.link{
    float:left !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

body .agenda li:nth-child(2) .descr{
    float:left !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
body .agenda li:nth-child(3) .descr{
    float:right !important;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

body .agenda li:not(:first-child) .descr{
    float: left;
    width: calc(52.5% - 40px);
    position: relative;
    padding: 20px;
    height: calc(100% - 40px);
    overflow:hidden;

    
}

body .agenda li:not(:first-child) a.link{
    width:47.5%;
    height:100%;
    float:left;
}

body .agenda li:not(:first-child) .descr a.link{
    width:auto;
    height:auto;
}

span.datelieu{
    margin-top: 10px;
    display:block
}

.full-article table{
    scrollbar-width: thin;
}

.full-article table::-webkit-scrollbar ,.full-article tbody::-webkit-scrollbar {
    background: transparent;
    height: 7px;
}

.full-article table::-webkit-scrollbar-thumb,.full-article tbody::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
    width: 2em;
    height: 7px;
}



#resa iframe{
    scrollbar-width: thin;
}

#resa iframe::-webkit-scrollbar {
    background: transparent;
    width: 7px;
}

#resa iframe::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
    width: 7px;
    height: 2em;
}

ul.sscategs {
    display: block;
    overflow: hidden;
    margin-bottom: 0px;
    padding-bottom: 50px;
    top: 30px;
    position: relative;
    max-width: 85%;
    margin: 0 auto;
}

ul.sscategs li {
    margin-bottom: 15px;
    background-position: top center;
    background-size: cover;
    -box-shadow: 0 1px 2px hsl(0deg 0% 0% / 25%);
    border-radius: 4px;
    float: left;
    margin-right: 15px;
}

ul.sscategs li a {
    height: 2.5rem;
    line-height: 25px;
    width: auto;
    display: inline-block;
    padding: 5px 10px;
    background-color: #efefef;
    color:#000;
    border-radius: 4px;
}

ul.sscategs li a:hover span{
    text-decoration: underline;
}

ul.sscategs li a span em {
    margin-right: 5px;
}

ul.sscategs li.activate > a {
    background-color: #000;
}

ul.sscategs li.activate > a span {
    color: rgb(232, 230, 227);
}

ul.sscategs .childsscategs a[data-parent="0"]{
    display:none
}
ul.sscategs .childsscategs .childsscategs .childsscategs{
    width:100%;
    display:none;
    margin-top:5px;
}

ul.sscategs .childsscategs .childsscategs .childsscategs li{
    width:100%;
    margin:0;
}

ul.sscategs .childsscategs .childsscategs .childsscategs li a{
    width: calc(100% - 20px);
    text-align: left;
    margin-bottom: 5px;
}

ul.sscategs a.haschilds{
    width: calc(100% - 55px) !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

div.date{
    width:75px;
    height:75px;
    border-radius:75px;
    position:relative;
    display:inline-block;
    background: rgb(9, 77, 137);
    text-align: center;
}

div.dated{
    position: relative;
    left:7.5px;
}
div.datef{
    background:#efefef;
    position: relative;
    left:-7.5px;
}

span.numdate{
    display:block;
    color:white;
    font-size:33px;
    padding-top:2px;
    clear:both;
    font-weight:500
}
span.mdate{
    color:white;
    display:block;
    font-size:13px;
    text-transform: uppercase;
    clear:both;
    letter-spacing: 3px;
}

div.datef .numdate,div.datef .mdate{
    color:black;
}

/*single event*/

.ronds{
    position: absolute;
    margin-top: 0;
    text-align: center;
    width: 75%;
    margin-top:267.5px;
    z-index:3;
    left: 2.5%;
}

.ronds .samedate .numdate{
    font-size: 1.9rem;
    font-weight: 500;
    line-height: 31px;
    position: relative;
    top: 5px;
}


.ronds .samedate .numdate::after{
    content: '-';
    font-size: 1.9rem;
    font-weight:500;
    color: grey;
    position: absolute;
    left: 45%;
    top: 15px;
}
.ronds .samedate .mdate{
    font-size: 1.9rem;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0px;
}


.inscr.date.resa {
    background: green !important;
}

	#clsbckgrndresa span {
		font-size: 22px;
		font-weight: 700;
		color: #fff;
		top: 6px;
		position: relative;
		display: block;
	}

    #clsbckgrndresa2 span {
		font-size: 22px;
		font-weight: 700;
		color: #fff;
		top: 11px;
		position: relative;
		display: block;
	}

	.inscr.date.resa.butoir{pointer-events: none;
		background:#fff!important;
		color:black !important
	}

	.inscr.date.resa.nodeb{pointer-events: none;
		background:#fff!important;
		color:black !important
	}

	.inscr.date.resa.free{pointer-events: none;
		background:#fff!important;
		color:black !important
	}

	.inscr.date.resa.wait em::before{
		color:black !important;
		content:'\f017' !important
	}
	.inscr.date.resa.nodeb em::before{
		content:'\f272' !important;
		color:black !important;
	}
	.inscr.date.resa.free em::before{
		content:'\f073' !important;
		color:black !important;
	}
	.inscr.date.resa.butoir em::before{
		color:black !important;
		content:'\f273 ' !important;
	}

	.inscr.date.resa.nodisp{
		pointer-events: none;
		background:red!important;
		padding: 17px 40px !important;
	}
	.inscr.date.resa.nodisp em::before{
		content:'\f057' !important
	}
	.inscr.date.resa.wait{
		background:#CDDC39 !important;
		color:black !important;
		
			padding: 17px 40px !important;
		
	}

	.depublished{filter:grayscale(100%);}

.date.resa{
	padding:7.5px;
    border-radius: 4px;
	margin-bottom:30px !important;
	width:auto;cursor:pointer;
	clear:both;display:inline-block;
	-border-bottom:2px solid #dedede;
}
.inscr, .inscr em::before {
    color: #fff!important;
}

.inscr.date.resa span.nbplaces {
   
    -border-left: 1px solid #efefef;
    text-align: center;
    position: relative;
    top: 0px;
    color: white;
}
.inscr.resa .nbplaces {
    display: block;
    width: 100%;
    text-align: left !important;
}

.inscr.resa:hover{
    text-decoration: underline;
}


.full-article.hasdate .page-header{
    padding-top:40px
}
.texte{
    width: 100% !important;
    padding: 0px !important;
}
#bckgrndresa {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.75);
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
}
#bckgrndresa2 {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.75);
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
}
#clsbckgrndresa {
    box-shadow: 0 2px 4px hsla(0,0%,0%,0.25);
    position: fixed;
    top: 50px;
    left: calc(50% + 415px);
    width: 50px;
    height: 50px;
    z-index: 9999999999999999999999;
    cursor: pointer;
    border-radius: 50px;
    background: red;
    text-align: center;
}
#clsbckgrndresa2{
    box-shadow: 0 2px 4px hsla(0,0%,0%,0.25);
    position: fixed;
    top: 50px;
    left: calc(50% + 415px);
    width: 50px;
    height: 50px;
    z-index: 9999999999999999999999;
    cursor: pointer;
    border-radius: 50px;
    background: red;
    text-align: center;
}
#resa {
    position: absolute;
    left: 50%;
    margin-left: -400px;
    top: 50%;
    width: 800px;
    height: 80%;
    top: 10%;
    z-index: 9999999;
    overflow: hidden;
    background: #fff;
    padding: 0px;
    border-radius:6px;
}

/*PUBLICATIONS*/
.ville .fildumau{
    height:500px;
    padding: 0 2%;
    width:27%;
    float:left
}


.ville .fildumau li .descr{
    position: absolute;
    bottom: 0;
    background: white;
    width: 80%;
    right: 0;
    padding: 20px;
    z-index:2
}
.ville .fildumau li{
    position:relative;
    overflow:hidden;
    width:100% !important;
    height:100% !important;
}
.ville .fildumau li:first-child h3{
    font-size:2.5rem !important
}

.ville .publications{
    height:500px;
    float:right;
    width: 66%;
    margin-right: 2%;
}

.ville .publications li:first-child,.ville .publications li:nth-child(2),.ville .publications li:nth-child(3){
    margin-bottom:2.25%
}

.ville .publications li:first-child,.ville .publications li:nth-child(4){
    margin-left:0px
}

.ville .publications li{
    width:31.333% !important;
    margin-left: 2%;
    height:48.75% !important;
    float:left;
}
.ville .publications li img{
    float: right;
    width: 100%;
}
.ville .publications li .descr{
    width: 80%;
    position: absolute;
    bottom:0;
    padding: 20px;
    z-index:2
}

/*WEBTV*/
.vidd{
    position:relative
}

.vidd::before{
    content:'\f04b';
    font-family:'FontAwesome';
    font-size:3.75rem;
    color:white;
    opacity:1;
    pointer-events: none;
    position:absolute;
    z-index:2;
    top:50%;
    left:50%;
    margin-top:-15px;
    margin-left:-15px;
}

.full-blog .vidd::before{
    margin-top:-90px
}
.ville .dfltlist.fildumau,.ville .dfltlist.webtv,.ville .dfltlist.agenda{
    height:500px;
    padding: 0 2%;
    padding-bottom:50px
}


.ville .webtv .descr{
    position: absolute;
    bottom: 0;
    background: white;
    width: 80%;
    right: 0;
    padding: 20px;
    z-index:2
}
.ville .webtv li{
    position:relative;
    overflow:hidden
}
.ville .webtv li:first-child{
    width:49%;
    height:100%;
    float:left;
}

.ville .webtv li:first-child h3{
    font-size:2.5rem !important
}

.ville .webtv li:not(:first-child){
    width:48%;
    margin-bottom:1.5%;
    height:30.25%;
    float:right;
}
.ville .webtv li:not(:first-child) a.link{
    height:100% !important;
    width:37.5% !important;
    float:left;
}
.ville .webtv li:not(:first-child) h3{
    font-size:1.9rem;
    white-space: nowrap;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ville .webtv li:not(:first-child) img{
    float: left;
    width: 100%;
}
.ville .webtv li:not(:first-child) .descr{
    float: right;
    width: calc(62.5% - 40px) !important;
    position: relative;
    padding: 19px;
}

/*DEFAULT LIST*/
.dfltlist {
    height:400px;
    text-align: center;
    padding-bottom:50px
}
.reco .dfltlist{
    padding-bottom:70px
}
.dfltlist li{
    width:30%;
    margin:0%;
    display:inline-block;
    height:400px;
    overflow:hidden;
    position:relative;
}
.dfltlist a{
    color:black;
    border-radius:6px;
    display:inline-block
}
.dfltlist li a.link{
    height:90%;
    width:100%;
    overflow:hidden;
    display:block;
}
.dfltlist li img{
    width:100%;
    height:100%
}

.dfltlist .descr{
    background:white;
    padding:20px;
    width:calc(100% - 150px);
    position:absolute;
    min-height:150px;
    bottom:0px;
    right:0px;
    text-align:left;
    z-index:2;
    border-radius:6px;
}


.dfltlist .descr h3{
    color:black;
    clear:both;
    font-size:1.9rem;
    margin: 10px 0;
    font-weight:bold;
}


/*DANS CHALONS*/
.carto p{
    margin:0
}
.carto a{
    overflow:hidden;
    display:block
}
.carto iframe{
    pointer-events:none
}

.buttoncarto{
    position: absolute;
    top: 304px;
    background: #f3edd4;
    width: 40px;
    height: 30px;
    z-index: 99;
    left: 50%;
    margin-left: -20px;
    cursor:pointer;
    line-height:30px;
    text-align:center;
}

.buttoncarto::after{
    content:'\f0d7';
    font-family:'FontAwesome';
    font-size:1.9rem;
    color:black;
}
.fxd .buttoncarto{
    display:block !important;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.fxd .buttoncarto.activating{
    display:none !important
}

.fxd .sommaire.hascarto.activating{
    transform: translate3d(0px,0px,0px);
    height: calc(100%);
}

/*SEARCH*/


.bcksearch{
    float:left;
    width: calc(100% - 715px);
    height: 95px;
    background: #f9f9f9;
    border-right: 2px solid #efefef;
    position:relative;
    -display:none;
}

.bcksearch .input{
    position: relative;
}

.bcksearch .search{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: block;
    width: 95px;
    background: #efefef;
    height: 95px;
    cursor:pointer;
    text-align: center;
    line-height: 95px;
}

.bcksearch .fa-search {
    font-size:1.9rem !important

}

input[name="valsearch"]{
    float: left;
    width: calc(100% - 58px);
    height: 95px;
    border: 0;
    color: black;
    font-size: 1.75rem;
    background: no-repeat;
    outline: none;
    padding: 0 30px;
    font-weight:500;
    -border-top-left-radius:6px;
    -border-top-right-radius:6px

}

input[name="valsearch"]:focus-visible{
    box-shadow: none !important;
}
.ressearch .scl{
    padding:10px 25px;
}
.ressearch h3{
    text-align: left;
    padding: 15px 30px;
    margin: 0;
    margin-bottom:0px;
    padding-bottom: 0;
    text-transform: uppercase;
    font-size: 1.5rem;
}

.ressearch h3::after{
    content:'';
    height:2px;
    background:#000;
    width:100%;
    display:block;
}

.ressearch{
    background: #f9f9f9;
    z-index:99999;
    color:black;
    position:relative;
    height:0px;
    max-height:calc(100vh - 190px);
    margin-top: 95px;
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-color: rgba(0,0,0,0.2);
    scrollbar-width: thin;
    transition:height .2s;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    border:0px solid #efefef;
    box-shadow: 0px 95px 95px rgb(0 0 0 / 25%);
}

.ressearch::-webkit-scrollbar-thumb {
    background: #999;
    width: 7px;
    height: 7px;
    cursor: pointer;
}

.ressearch::-webkit-scrollbar {
    background: #ccc;
    width: 7px;
    height: 7px;
    cursor: pointer;
}


/*DOCS*/
.docs .doc{
    margin-right: 15px;
    margin-bottom: 15px;
    display:inline-block
}
.docs .doc a{
    padding: 7.5px 10px !important;
    width: auto !important;
    background-color: white !important;
    color: black !important;
    border-radius:6px;
}
.docs .doc .circle{
    background:none !important
}

.docss ul{
    padding-bottom: 48px;
    margin:0 auto
}

/*PARTICIPEZ*/

.parcourir{
    padding:5px;
    color:white;
    background:#0b60ab;
    line-height: 40px;
    font-size:13px;
    padding-top:2.5px;
    letter-spacing:1px;
}
/*J'aime*/
.like-item-with-title *{
    display: inline-block;
}

.com-content-category-blog .like-item-with-title i {
    font: normal normal normal 25px/1 FontAwesome !important;
    padding-top: 3px;
    float: right;
}

.full-article .like-item-with-title i {
    font: normal normal normal 30px/1 FontAwesome !important;
    padding-left: 1vw;
}

.like-item-with-title i {
    cursor: pointer;
}

.like-item-with-title i.fa-heart {
    color: #F25566;
}

.like-item-with-title p {
    color: gray;
    padding-left: 0.5vw;
    margin: 0;
    font-size: 1.5rem;
    vertical-align: middle;
    font-family:  sans-serif;
}

/*Date filter*/
.daterangefilter {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    font-family: 'Segoe UI';
}

.daterangefilter input {
    padding: 7.5px 7.5px;
    margin: 0.5em;
    border-radius: 6px;
    border: solid 0.5px lightgray;
}


#map{
    border-radius:6px;
}

.dark .mapboxgl-popup-tip {
    border-left-color: #252525!important;
}

.dark .mapboxgl-popup-content {
    background-color: #252525!important;
}

.participez .like-item-with-title .title {
    display: block;
}
.loisir-detail-desc {
    text-align: left;
}

.loisir-detail-desc .textarea{
    white-space: pre-line;
}

.loisir-detail-desc .fa {
    font: normal normal normal 25px/1 FontAwesome !important;
}
.loisir-detail-desc .fa-check {
    color: green;
}

.loisir-detail-desc .fa-times {
    color: #ED1734;
}

.dark .event-map .pop-up-carto h3,.dark .event-map .pop-up-carto  p {
    color:#efefef!important;
}

/*GALERIE*/
.galls,.docss{
    background:white;
    position:relative;
    z-index:3;
    -padding-bottom: 70px;
}
.galleries:first-child{
    margin:0 auto;
    padding-bottom:0px;
    text-align:center;
}
.gallerie{
    display:inline-block;
    overflow:hidden;
    position:relative;
    border-radius: 6px;
    height: 600px;
}

.gallerie::after{
    content:'\f00e';
    font-family:'FontAwesome';
    font-size:2.9rem;
    color:white;
    opacity:1;
    pointer-events: none;
    position:absolute;
    z-index:99;
    top:50%;
    left:50%;
    margin-top:-15px;
    margin-left:-15px;
}

.ville .gallerie::after{content:none !important}


.fancybox-lock .fancybox-overlay{
    background:rgba(0,0,0,0.8);
}

/*CONTACT*/
dd{
    margin:0
}
.com-contact__form .control-label{
    text-align:left !important
}
#jform_consentbox-lbl{
    display:none
}
.com-contact__form input,.com-contact__form textarea{
    width:99%;
    padding-top:7.5px;
    padding-bottom:7.5px;
    border-radius:6px
}
.com-contact__form fieldset{
    padding:25px;
    margin: 25px;
    border-radius:6px;
}

.com-contact__form.form-control-feedback{
    color:red;
}
.com-contact__form .has-danger{
    outline: 1px solid red;
    border-radius: 6px;
}
.com-contact__form .has-success{
    outline: 1px solid green;
    border-radius: 6px;
}
.com-contact__position{
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 1.75rem
}
.view-contact .catimg{
    float: none;
    width: 400px;
    margin: 0 auto;

}
.view-contact .catimg img{
    height: 360px !important;
    width: 400px !important;
    margin: 0 auto;
    text-align: center;
    min-width: 1px !important;
    object-position:50% 35% !important;
    max-height: 360px !important;

}

.full-contact .xlargecontainer{text-align: center;}
.contact-category .com-content-category__table ul{
    text-align:center
}

.contact-category .com-content-category__table ul li{
    text-align:center;
    display:block;
    margin:15px;
    width: calc(20% - 30px);
    position: relative;
    height: 300px;
    float: left;
}

.contact-category .com-content-category__table ul li img{
    border-radius:6px;
    width:200px;
    height:200px;
}
#jform_consentbox{
    padding: 0;
    margin: 0;
    border: none;
}
.com-contact__form button[type=submit]{
    cursor:pointer;
    background: green;
    color: white;
    padding: 15px;
    display: block;
    width: 200px;
    border-radius: 6px;
    border: none;
    text-transform: uppercase;
    font-size: 1.75rem;
    font-weight: bold;
    margin: 10px auto;
    margin-bottom:50px;
}
.full-contact .com-contact{
    text-align: center;
    width:100%;
    margin-top:50px;
    margin-bottom:50px;
    float:right
}
.filter-search-lbl{display:none}
.contact-category{
    text-align: center;
}

.com-content-category__table{
    text-align: center;
    display: inline-block;
    margin:15px;

}

/*ACCES RAPIDES*/
._access-scrollbar::-webkit-scrollbar-track, .mat-autocomplete-panel::-webkit-scrollbar-track, .mat-tab-body-content::-webkit-scrollbar-track, .mat-select-panel:not([class*='mat-elevation-z'])::-webkit-scrollbar-track, .mat-menu-panel::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

._access-scrollbar::-webkit-scrollbar, .mat-autocomplete-panel::-webkit-scrollbar, .mat-tab-body-content::-webkit-scrollbar, .mat-select-panel:not([class*='mat-elevation-z'])::-webkit-scrollbar, .mat-menu-panel::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

._access-scrollbar::-webkit-scrollbar-thumb, .mat-autocomplete-panel::-webkit-scrollbar-thumb, .mat-tab-body-content::-webkit-scrollbar-thumb, .mat-select-panel:not([class*='mat-elevation-z'])::-webkit-scrollbar-thumb, .mat-menu-panel::-webkit-scrollbar-thumb {
    background-color: #999999;
}
._access-icon {
    position: fixed;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    opacity: 0;
    transition-duration: .5s;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 1px 1px 5px rgba(0,0,0,.5);
    transform: scale(1);
}
._access-icon:hover {
    
    box-shadow: 1px 1px 10px rgba(0,0,0,.9);
    transform: scale(1.1);
    
}
.circular._access-icon {
    border-radius: 50%;
    border: .5px solid white;
}

.access_read_guide_bar{
    box-sizing: border-box;
    background: #000000;
    width: 100%!important;
    min-width: 100%!important;
    position: fixed!important;
    height: 12px !important;
    border: solid 3px #20ff69;
    border-radius: 5px;
    top: 15px;
    z-index: 2147483647;
}
.access-high-contrast *{
    background-color: #000 !important;
    background-image: none !important;
    border-color: #fff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff !important;
    text-indent: 0 !important;
    text-shadow: none !important;
}
._access-menu {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: fixed;
    width: 25vw;
    height: auto;
    transition-duration: .5s;
    z-index: 99991;
    opacity: 1;
    background-color: #fff;
    color: #000;
    border-radius: 3px;
    border: solid 1px #f1f0f1;
    font-family: RobotoDraft, Roboto, sans-serif, Arial;
    min-width: 300px;
    box-shadow: 0px 0px 1px #aaa;
    max-height: 100vh;
    
}
._access-menu.close {
    z-index: -1;
    width: 0;
    opacity: 0;
    background-color: transparent;
}
._access-menu.bottom {
    bottom: 0;
}
._access-menu.top {
    top: 0;
}
._access-menu.left {
    left: 0;
}
._access-menu.close.left {
    left: -25vw;
}
._access-menu.right {
    right: 0;
}
._access-menu.close.right {
    right: -25vw;
}
._access-menu ._text-center {
    text-align: center;
}
._access-menu h3 {
    font-size: 24px !important;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
    color: rgba(0,0,0,.87);
    letter-spacing: initial!important;
    word-spacing: initial!important;
}
._access-menu ._menu-close-btn {
    left: 5px;
    color: #d63c3c;
    transition: .3s ease;
    transform: rotate(0deg);
}
._access-menu ._menu-reset-btn:hover,._access-menu ._menu-close-btn:hover {
    transform: rotate(180deg);
}
._access-menu ._menu-reset-btn {
    right: 5px;
    color: #4054b2;
    transition: .3s ease;
    transform: rotate(0deg);
}
._access-menu ._menu-btn {
    position: absolute;
    top: 5px;
    cursor: pointer;
    font-size: 24px !important;
    font-weight: bold;
}
._access-menu ul {
    padding: 0;
    position: relative;
    font-size: 18px !important;
    margin: 0;
    overflow: auto;
    max-height: calc(100vh - 77px);
}
html._access_cursor * {
    cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOS4xODhweCIgaGVpZ2h0PSI0My42MjVweCIgdmlld0JveD0iMCAwIDI5LjE4OCA0My42MjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5LjE4OCA0My42MjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0Q5REFEOSIgc3Ryb2tlLXdpZHRoPSIxLjE0MDYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIyLjgsNC41NDkgMjYuODQ3LDE5LjkwMiAxNi45NjQsMjIuNzAxIDI0LjIzOSwzNy43NDkgMTguMjc4LDQyLjAxNyA5Ljc0MSwzMC43MjQgMS4xMzgsMzUuODA5ICIvPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiMyMTI2MjciIGQ9Ik0yOS4xNzUsMjEuMTU1YzAuMDcxLTAuNjEzLTAuMTY1LTEuMjUzLTAuNjM1LTEuNTczTDIuMTY1LDAuMjU4Yy0wLjQyNC0wLjMyLTAuOTg4LTAuMzQ2LTEuNDM1LTAuMDUzQzAuMjgyLDAuNDk3LDAsMS4wMywwLDEuNjE3djM0LjE3MWMwLDAuNjEzLDAuMzA2LDEuMTQ2LDAuNzc2LDEuNDM5YzAuNDcxLDAuMjY3LDEuMDU5LDAuMjEzLDEuNDgyLTAuMTZsNy40ODItNi4zNDRsNi44NDcsMTIuMTU1YzAuMjU5LDAuNDgsMC43MjksMC43NDYsMS4yLDAuNzQ2YzAuMjM1LDAsMC40OTQtMC4wOCwwLjcwNi0wLjIxM2w2Ljk4OC00LjU4NWMwLjMyOS0wLjIxMywwLjU2NS0wLjU4NiwwLjY1OS0xLjAxM2MwLjA5NC0wLjQyNiwwLjAyNC0wLjg4LTAuMTg4LTEuMjI2bC02LjM3Ni0xMS4zODJsOC42MTEtMi43NDVDMjguNzA1LDIyLjI3NCwyOS4xMDUsMjEuNzY4LDI5LjE3NSwyMS4xNTV6IE0xNi45NjQsMjIuNzAxYy0wLjQyNCwwLjEzMy0wLjc3NiwwLjUwNi0wLjk0MSwwLjk2Yy0wLjE2NSwwLjQ4LTAuMTE4LDEuMDEzLDAuMTE4LDEuNDM5bDYuNTg4LDExLjc4MWwtNC41NDEsMi45ODVsLTYuODk0LTEyLjMxNWMtMC4yMTItMC4zNzMtMC41NDEtMC42NC0wLjk0MS0wLjcyYy0wLjA5NC0wLjAyNy0wLjE2NS0wLjAyNy0wLjI1OS0wLjAyN2MtMC4zMDYsMC0wLjU4OCwwLjEwNy0wLjg0NywwLjMyTDIuOCwzMi41OVY0LjU0OWwyMS41OTksMTUuODA2TDE2Ljk2NCwyMi43MDF6Ii8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==),auto!important;
}
._access-menu ul li {
    list-style-type: none;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    border: solid 1px #f1f0f1;
    padding: 10px 0 10px 30px;
    margin: 5px;
    border-radius: 4px;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
    font-size: 18px !important;
    line-height: 18px !important;
    text-indent: 5px;
    background: #f9f9f9;
    color: rgba(0,0,0,.6);
    letter-spacing: initial!important;
    word-spacing: initial!important;
}
._access-menu ul.before-collapse li {
    opacity: 0.05;
}
._access-menu ul li.active, ._access-menu ul li.active:hover {
    color: #fff;
    background-color: #000;
}
._access-menu ul li:hover {
    color: rgba(0,0,0,.8);
    background-color: #eaeaea;
}
._access-menu ul li.not-supported {
    display: none;
}
._access-menu ul li:before {
    content: ' ';
    font-family: Material Icons;
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga" 1;
    font-style: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px !important;
    width: 30px;
    height: 30px;
    display: inline-block;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    left: 8px;
    position: absolute;
    color: rgba(0,0,0,.6);
    direction: ltr;
}
._access-menu ul li svg path {
    fill: rgba(0,0,0,.6);
}
._access-menu ul li:hover svg path {
    fill: rgba(0,0,0,.8);
}
._access-menu ul li.active svg path {
    fill: #fff;
}
._access-menu ul li:hover:before {
    color: rgba(0,0,0,.8);
}
._access-menu ul li.active:before {
    color: #fff;
}
._access-menu ul li[data-access-action="increaseText"]:before {
    content: "zoom_in";
}
._access-menu ul li[data-access-action="decreaseText"]:before {
    content: "zoom_out";
}
._access-menu ul li[data-access-action="increaseTextSpacing"]:before {
    content: "unfold_more";
    transform: rotate(90deg) translate(-7px, 2px);
}
._access-menu ul li[data-access-action="decreaseTextSpacing"]:before {
    content: "unfold_less";
    transform: rotate(90deg) translate(-7px, 2px);
}
._access-menu ul li[data-access-action="invertColors"]:before {
    content: "invert_colors";
}
._access-menu ul li[data-access-action="grayHues"]:before {
    content: "format_color_reset";
}
._access-menu ul li[data-access-action="underlineLinks"]:before {
    content: "format_underlined";
}
._access-menu ul li[data-access-action="bigCursor"]:before {
    /*content: 'touch_app';*/
}
._access-menu ul li[data-access-action="readingGuide"]:before {
    content: "border_horizontal";
}
._access-menu ul li[data-access-action="textToSpeech"]:before {
    content: "record_voice_over";
}
._access-menu ul li[data-access-action="speechToText"]:before {
    content: "mic";
}

.title-header{
    text-align:center
}

.full-article .title-header{
    margin-top: 25px;
}

.full-article table,.full-article tbody{
    vertical-align: middle;
    max-width: 800px;
    width:100% !important;
    display:table-row-group;

    -display:table-caption;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    overflow-x:auto;
    overflow-y:hidden;
    border:none;
    border-radius:6px;
    height:auto !important
}

.full-article table p{
    margin:5px 0 !important
}
.full-article table th,.full-article table tr,.full-article table td{
    width:auto !important;
    vertical-align: middle;

}

.smallfixcontainer{
    max-width:800px;
    margin:0 auto;
    overflow: hidden;
    position:relative
}
.srr{
    text-align:center;
    display:block;
    float:left;
    width:100%;
    clear:both;
    margin:15px 0;
    border-top: 1px dashed #000;
    padding: 15px 0;
    padding-bottom: 0;
}

.srr a{
    display: inline-block;
    background: black;
    color:white;
    text-align: center;
    padding: 10px 15px;
    border-radius: 6px;
    text-transform: uppercase;
}
body.recherche .full-blog a.h3{
    display:block;
    width:100%;
    text-align: left;
    pointer-events:none;
}
body.recherche .full-blog h3{
    padding: 10px 15px;
    width: auto;
    display: inline-block;
    margin: 0 auto;
    float: none;
    background: #dedede;
    border-radius: 6px;  
    text-transform: uppercase;
    font-weight: 400;  
    margin: 3% 1.5%;
    font-size:1.5rem

}
body.recherche .full-blog .blog-items{
    position: relative;
}
body.recherche .full-blog h3::before{
    content:'';
    background:#dedede;
    height: 2px;
    width: 97%;
    display:block;
    position:absolute;
    left:1.5%;
    margin-top:10px;
    z-index:-1
}

/*ALL*/

.ville #links .search{
    -display:none 
}

.ville .bckbckmodsearch .xlargecontainer,.ville .bckbckmodsearch .container{
    overflow:visible
}
.ville .bckbckmodsearch{
    min-height:287.5px;
    height:auto;
    margin-bottom:1%;
    background-color:#efefef;
    background-image: url(/templates/ville/images/backbannwhite.png);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

.ville .bckmodsearch{
    position: relative;
    top: 99px;
    overflow: visible;
}

.ville .bckmodsearch .ressearch{
    -float:left;
    -margin-top:0px;
    width:100%;
    background:white;
    position:absolute;
    max-height:inherit ;
}

.bckmodsearch .result a:hover{
    background:#efefef
}

.bckmodsearch input[name="valsearch"]{
    background:white;
    border-radius: 6px;
    color:black;
    height:85px;
}

.gals{
    background: white;
    position: relative;
    z-index: 3;
    padding-bottom:70px
}
.swal2-container.swal2-center>.swal2-popup{
    font-size:1.5rem !important
}
.suggests{
    position: absolute;
    margin-top: 0px;
    height:300px;
    overflow:hidden;
    background:none;
    width: 100%;
    text-align: center;
    pointer-events: none;
}

.placehold{
    display:none;
    color:black;
    position: absolute;
    line-height:94px;
    cursor:pointer;
    padding:0 1.5%;
    right: calc(80px + 1.5%);
    z-index: 9;
}
.placehold::after{
    content:'\f00d';
    font-family: 'FontAwesome';
    font-size:1.9rem;
}

.ssresults{
    height:85px;
    overflow:hidden;
    width:max-content;
    min-width: 100%;
}

.result{
    padding:0px !important;
    margin:10px !important;
    text-align: left;
    display:block;
    float:left;
    width:auto;
    height: 85px;
    max-width: 260px;
    overflow:hidden;
}

.result a{
    display: block;
    width: 100%;
    height: 65px;
    border-radius: 65px;
}
.result img{
    border-radius:55px;
    width:55px;
    height:55px;
    object-fit:cover;
}
.result span.frst {
    background-color:#ccc;
    float:left;
    width: 55px;
    padding: 0px !important;
    cursor:pointer;
    display:block;
    height:55px;
    border-radius:55px;
    overflow:hidden;
    position: relative;
    margin-top:5px;
}
.dark .result span.frst {
    background-color:black;
}
.result span.lst
{   
    float:right;
    width: calc(100% - 75px);
    padding: 12.5px 10px !important;
    cursor:pointer;
    display:block;
    height:calc(100% - 35px);
    border-radius:6px;
    overflow:hidden;
    position: relative;
}

.result span.frst::before{
    font-family: 'FontAwesome';
    position:absolute;
    left: 18px;
    top: 17px;
    font-size: 1.9rem;
    color: white;
    z-index:2;
    font-weight: normal;
}

.rescarto .result span.frst::before{
    content:'\f277';
}
.resmuni .result span.frst::before{
    content:'\f007';
}
.resespcit .result span.frst::before{
    content:'\f19c';
}
.resinfo .result span.frst::before{
    content:'\f08e';
}
.resagenda .result span.frst::before{
    content:'\f073';
}


.result .word{
    background: #f7d72c !important;
    color: white !important;
}
.result p{
    margin:5px 0px;
    font-weight:400
}
.result em{
    font-weight:400;
    font-style: italic;
}
.result strong,.result em{
    white-space: nowrap;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.result a:focus,.result a:hover,#links .result a:hover{
    background:#efefef;
    color:black !important
}


pre{
    padding:15px;
    border:2px solid #444;
    background:#333;
    border-radius: 6px;
    max-width:48%;
    clear: both;
    margin:0;
}
pre code{
    display:none;
    position:relative;
    cursor:pointer;
    font-family: 'Segoe UI';
}

pre code:first-child{
    display:block;
    font-weight: bold;
    font-size: 1.5rem;
    text-transform: uppercase;
}

pre code:not(:first-child){
    padding-top:15px
}

pre br{
    display:none
}


pre code:first-child::after{
    content:'\f107';
    font-family: 'FontAwesome';
    font-size:2rem;
    position:absolute;
    right:0px;
    margin-top:-5px;
}

pre.active code:first-child::after{
    content:'\f106';
}

.accesrapidescat{
    min-height:100px;
    position: relative;
    margin-top: -10px;
}
.accesrapidescat li.tit{
    display: inline-block;
    margin-right:10px;
    padding-right:20px;
    border-right:1px solid #efefef;
    text-transform: uppercase;
    color:#f7d72c !important;
    font-weight:500;
    letter-spacing: 0.5px;
}

.accesrapidescat a{
    display: inline-block;
    margin:0 10px;
}

.accesrapidescat .circ{
overflow:hidden;
width: 60px ;
    height: 60px ;
    border-radius: 60px;
    display: inline-block;
    top: 27.5px;
    position: relative;
    margin-right:10px
}
.accesrapidescat a:hover img,.contact-category a:hover img{
    transform:scale(1.15)
}
.accesrapidescat a:hover span{
    text-decoration: underline;
}

.contact-category .circ {
    overflow: hidden;
    border-radius: 6px;
    height: 200px;
    width: 200px;
	margin:0 auto;
    background: #f9f9f9;
}
.accesrapidescat img,.contact-category img{
   transition:transform .3s;
   position: relative;
   z-index: 1;
}
dl{
    margin:0
}
#bottomright .custmd{height:auto;padding:6%;padding-top:0;min-height:500px}
#partenaires img{
    height:50px;width:auto
}
.hr{
    clear:both !important;
    color:black;
    height:2px;
    width:97%;
    margin:1.5% 1.5%;
    display:block;
    float:left;
    background-color:#dedede;
    text-align: center;
    margin-bottom:calc(25px + 1.5%);
    margin-top:calc(25px + 1.5%)
}

.hr::before{
    content: 'Tous les articles';
    position: relative;
    top: -10px;
    color:black;
    background-color:#fff;
    padding: 10px 15px;
    text-transform: uppercase;
    border-radius: 6px;
}

.hr2::before{
    content:'Tous les évènements' !important
}

/*
.hr::after{
    content:'\f105';
    font-family: 'FontAwesome';
}*/

.com-content-category-blog__children a::before{
content:'\f105 ';
font-family:'FontAwesome'
}

.item-content .article-info-term{
    display:none
}

.plus::before{
    content:'' !important
}

.catt .item-content a.plus{
    content:'+ parcourir';
    font-size:1.25rem;
    background:rgb(0,65,149);
    padding:8px 12px;
    font-weight:bold;
    display:inline-block;
    clear:both;
    text-transform: uppercase;
    margin-top:15px;
    border-radius: 6px;
    color:white;
    transition:background .3s,color .3s
}
.catt .item-content a.plus:hover{
    background:#f7d72c    !important;
    color:black !important
}

.childsscat .catt .item-content a.plus{
    float:left
}

.com-content-article__body hr{
    margin: 15px 0;
}
.com-content-article__body ol,.com-content-article__body span,.com-content-article__body strong,.com-content-article__body p,.com-content-article__body li,.com-content-article__body table,.com-content-article__body table tr,.com-content-article__body table td{
    background-color:transparent !important;
    color:inherit !important;
    font-size:inherit !important;
    font-family: inherit !important;
    text-indent: initial !important;
    text-align: initial !important;
    line-height: 1.73 !important;
    margin:auto !important
}
.totop{
    position:fixed;
    bottom:30px;
    right:30px;
    cursor:pointer;
    z-index:99999;
    width:45px;
    height:45px;
    border-radius:50px;
    line-height:45px;
    text-align:center;
    background:black;
    color:white;
    transform:translate3d(0px,500px,0px);
    transition: transform 0.3s ease-in-out;
}

.totop.fxd{
    transform:translate3d(0px,0%,0px);
}

.totop i{
    font-size:1.9rem !important
}

br{
    content: "";
    margin: 2em;
    display: block;
    font-size: 24%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    br{
        display:none
    }
}

blockquote{
    padding:12.5px 25px;
    background:#f3edd4;
    margin:0;
    border-right: 3px solid black;
    border-radius:6px
}

.full-article ul{
    margin: 2rem 0;
}
.full-article li{
    list-style: inside;
    margin-bottom: 0.6rem;
}
.descr a br{
    margin:0px !important
}

a.blc{
    display:block !important;
    width:100% !important
}

.tag{
    border-left:7px solid black;
}

.tag.vide,.tag .vide{
    border-color:#9b0000 !important;
}
.tag.vide:hover,.tag .vide:hover{
    background:#9b0000 !important;
    color:white !important
}

.tag.docu,.tag .docu{
    border-color:#555 !important;
}
.tag.docu:hover,.tag .docu:hover{
    background:#555 !important;
    color:white !important
}

.tag.muni,.tag .muni{
    border-color:rgb(0,65,149) !important;
}
.tag.muni:hover,.tag .muni:hover{
    background:rgb(0,65,149) !important;
    color:white !important
}

.tag.cult,.tag .cult{
    border-color:rgb(89, 24, 163) !important;
}
.tag.cult:hover,.tag .cult:hover{
    background:rgb(89, 24, 163) !important;
    color:white !important
}

.tag.econ,.tag .econ{
    border-color:rgb(71, 52, 28) !important;
}
.tag.econ:hover,.tag .econ:hover{
    background:rgb(71, 52, 28) !important;
    color:white !important
}

.tag.educ,.tag .educ{
    border-color:rgb(22, 120, 165) !important;
}
.tag.educ:hover,.tag .educ:hover{
    background:rgb(22, 120, 165) !important;
    color:white !important
}

.tag.soli,.tag .soli{
    border-color:rgb(184, 107, 194) !important;
}
.tag.soli:hover,.tag .soli:hover{
    background:rgb(184, 107, 194) !important;
    color:white !important
}

.tag.envi,.tag .envi{
    border-color:rgb(53, 116, 56) !important;
}
.tag.envi:hover,.tag .envi:hover{
    background:rgb(53, 116, 56) !important;
    color:white !important
}

.tag.mair,.tag .mair{
    border-color:rgb(99, 115, 145) !important;
}
.tag.mair:hover,.tag .mair:hover{
    background:rgb(99, 115, 145) !important;
    color:white !important
}

.tag.spor,.tag .spor{
    border-color:rgb(177, 111, 26) !important;
}
.tag.spor:hover,.tag .spor:hover{
    background:rgb(177, 111, 26) !important;
    color:white !important
}

.lk{
    text-align:center;
    width:100%
}

.lk a{
    display:inline-block;
    width:auto;
    padding:12.5px 17.5px;
    background-color:#000;
    color:white;
    text-transform: uppercase;
    margin-bottom:70px;
    transition :background-color .3s;
    border-radius:4px;
    font-weight: bold;
}

.lk a:hover{
    background-color:#f7d72c;
    color:black;
}

.bckblue{
    background-color: rgb(9, 77, 137);
    color:white !important;
    background-image: url(/templates/ville/images/backbann.png);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 0% 50%;
}



.buttonsearch{
    display:none;
    position:absolute;
    margin-top:-70px;
    right:70px;
    z-index:999;
    width:70px;
    height:68px;
    background-color:#f9f9f9;
    color:black;
    cursor:pointer;
    text-align:center;
}


.buttonsearch i{
    font-size: 17px !important;
    margin-top: 24px;
    opacity: 0.5;

}

.buttonenunclic{
    position:absolute;
    margin-top:-70px;
    right:0px;
    z-index:999;
    width:70px;
    height:68px;
    background-color:#000;
    color:white;
    cursor:pointer;
    text-align:center;
    transition:background-color .3s;
}
.buttonenunclic:hover{
    background-color:black;
}

.ville .buttonenunclic{
    display:none !important
}

.buttonenunclic .enun,.buttonenunclic .clic{
    position:relative;
    top:1px;
}
.clsenunclic{
    border-radius:60px;
    height:60px;
    width:60px;
    background:red;
    border-radius:60px;
    cursor:pointer;
    position:fixed;
    top:15px;
    right:15px;
    z-index:99999999999;
}
.clsenunclic span{
    color:white;
    font-size:2.5rem;
    line-height: 57px;
    display:inline-block
}
.enun{
    display:block;
    font-weight: 500;
    margin-top:13px;
    letter-spacing: 2.5px;
}

.clic{
    display:block;
    font-weight: 500;

}

.enunclic.md{
    position: fixed;
    top: 0;
    right: 0;
    display: none;
    width:100%;
    height:100%;
    z-index:999999999;
    color:white;
    background-color:rgb(9, 77, 137) !important;
    overflow:auto;
}


.enunclic li{
    width:auto !important;
}
.enunclic a{
    border:none !important
}
.enunclic .circle{
    width: 100px !important;
        height: 100px !important;
        background: white;
        border-radius: 100px;
        margin: 10px auto !important;
        overflow:hidden
}


.enunclic.md ul{
    width:100% !important
}
.enunclic.md li{
    width: 150px !important;
    height: 200px !important;
}

.enunclic.md li span{
    color:white;
    display:block
}

.mod-articles-category-title a.link{
    display:inline-block
}
.mod-articles-category-title a.link::after,.descr a::after,.item-content a::after{
    content:'\f178';
    color:black;
    font-size:2rem;
    font-family: 'FontAwesome';
    display:block;
    position:absolute;
    right:-25px;
    bottom:25px;
    pointer-events:none;
    transition:transform .3s;
    transform:translate3d(0px,0px,0px)
}

.mod-articles-category-title a.link:hover::after,.descr a:hover::after,.item-content a:hover::after{
    transform:translate3d(-50px,0px,0px) !important
}

.enunclic a img,.mod-banners .imgli a img,.gallerie a img,.itm a img,.accesrapides a img,body .agenda a img,.dfltlist a img,.carto a img,.sliderville:first-child a.img img,.sliderville:nth-child(2) a.img img,.sliderville:last-child a.img img{
    transition:transform .3s ease;
    transform:scale(1);
    position: relative;
    z-index: 1;
}
.enunclic a:hover img,.mod-banners .imgli a:hover img,.gallerie a:hover img,.itm a:hover img,.accesrapides a:hover img,body .agenda a:hover img,.dfltlist a:hover img,.carto a:hover img,.sliderville:first-child a.img:hover img,.sliderville:nth-child(2) a.img:hover img,.sliderville:last-child a.img:hover img{
    transform:scale(1.15)
}


/*Article*/

select[name="user_rating"]{
    appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    border: none;
    background: none;
    color: transparent;
    overflow: hidden;
    outline:none;
    box-shadow: none !important;
    height:65px;
    scrollbar-width: none;
}

select[name="user_rating"] option{
    cursor: pointer;
    display:inline-block;
    outline:none;
    overflow:hidden;
    border:none;
    height:65px;
    margin-top:0px;
    margin-bottom:0px;
    padding-bottom:0px;
    padding-top:0px;
    background:none;
    box-shadow: none !important;
    color: transparent;
}

.catimg{
    overflow: hidden;
    border-radius: 6px;
}
.full-article,.full-blog{
    position: relative;
    width: 80%;
    background: white;
    z-index: 2;
    margin:0 auto;
    margin-top: -200px;
    padding: 35px 40px;
    overflow: hidden;
    max-width:1660px;
    border-radius:6px
}
.full-article img,.full-article iframe{
    max-width:100%;
    width:100% !important;
    height:auto;
    border-radius:6px;
    min-height:400px;
}
.full-article table img{
    max-width:100%;
    width:auto !important;
    height:auto;
    border-radius:6px;
    min-height:100% !important;
}
.full-article .page-header{
    text-align:center;
    width:75%
}
.full-blog .page-header{
    text-align:center;
    width:100%
}

.article-info-term{
    display:none !important
}
.title{
    clear:both;
    font-size:3.75rem;
    font-weight:bold;
    padding-top:15px;
    padding-bottom: 15px;
    margin:0px;
    line-height:1.09;
    -margin-top:25px
}

img.bann{
    width:100%;
    min-width:100%;
    display:block;
    height: 500px;
    border-radius:6px;
    z-index: 1;
    position: relative;
}

.imban{
    border-radius:6px;
}
.com-content-article__body{
    line-height:1.73;
    float: left;
    width: 75%;
    padding: 50px 0
}

.com-content-article__body a,#footer a,.adr a{
    color: white !important;
    font-weight: bold;
    border-radius:6px;
    background-color:black;
    margin: 2.5px;
    padding: 4px 8px;
    display: inline-block;
    transition:color .3s,background-color .3s;

}

.com-content-article__body a::after,.adr a::after,#footer a::after{
    content:'\f08e';
    font-family: 'FontAwesome';
    display:inline-block;
    margin-left:5px;
}
.com-content-article__body a:hover,.adr a:hover{
    background-color:rgb(247 215 44);
    color:black !important;
}


.com-content-article__plus{
    line-height:1.73;
    float: left;
    width: 75%;
}

.com-content-article__body h2::after{
    content:'';
    display: block;
    background:#000;
    width:100%;
    height:3px;
    margin:10px 0;
    float:left;
    margin-bottom: 0;
}
.com-content-article__body h2{
    position:relative;
    font-weight:bold;
    display: inline-block;
    font-size:2.5rem;
    line-height: 1.125;
}

body .com-content-article__body h3{
    color:#3065b3  !important
}

.sommaire{
    width: 19%;
    position: absolute;
    top: 0px;
    z-index: 2;
    right: 0;
    background: #f9f9f9;
    padding: 30px 50px;
    height: 100%;

    /* transform:translate3d(100%,0px,0px);
    transition:transform 0.2s; */
}

.fxd .sommaire{
    position:fixed;
    top:65px;
}

.sommaire.hascarto{
    transition:transform .2s;
}

.fxd .sommaire.hascarto{
    transform:translate3d(0px,-304px,0px);
    height:calc(100% + 304px)
}


.sommaire .adr{
        position: absolute;
        bottom: 0px;
        z-index: 99;
        background: #f3edd4;
        padding: 15px 50px;
        width: 33.33%;
        min-height: 70px;
        padding-right:25px;

}

h3{
    font-size:1.9rem
}


.adr a:hover{
    text-decoration: underline;
}

.sommaire iframe{
    position: relative;
    left: 0px;
    width: 100%;
    top: 0px;
    border: 0;
    height:100%
}

.sommaire .cntadr{
    position: relative;
    left: -50px;
    width: calc(100% + 100px);
    top: -30px;
    border: 0;
    height: 304px;
}


/* 
.loaded .sommaire{
transform:translate3d(0px,0px,0px)
} */

.sommaire strong{
    font-size:1.5rem;
    margin-bottom:15px;
    display:block;
    clear:both;
    word-break: break-word;
}

.sommaire .adr strong{
    margin-bottom:5px;
    display: block;
    width: 100%;
    color:black;
}
.sommaire li{
    cursor:pointer;
}
.sommaire li:hover{
    text-decoration: underline;
}

.sommaire li h4{
    margin:15px 0;
    font-weight: normal;
    white-space: nowrap;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sommaire li h4::before{
    content:'';
    display: inline-block;
    background:black;
    width:10px;
    height:10px;
    border-radius:2.5px;
    margin-right:10px;
}

.sommaire li.activate h4{
    font-weight:bold
}

.share li,.actions li{
    display: inline-block;
    margin-right:15px
}


/*BLOG*/
.parcourir{
    padding:5px;
    color:white;
    background:#0b60ab;
    line-height: 40px;
    font-size:13px;
    padding-top:2.5px;
    letter-spacing:1px;
}
.com-content-category-blog__children.cat-children,
.com-content-category-blog__items.blog-items {
    overflow:hidden
}
.com-content-category-blog__item{
    float: left;
    width: 30.333%;
    overflow: hidden;
    height:350px;
    margin: 1.5%;
    position:relative;
    border-radius: 6px;
}

.numcolumns5 .com-content-category-blog__item{
    width:17%;
}
.numcolumns4 .com-content-category-blog__item{
    width:22%;
}
.numcolumns2 .com-content-category-blog__item{
    width:47%;
}
.numcolumns1 .com-content-category-blog__item{
    width:97%;
    height:500px
}

.com-content-category-blog__item .itm{
    margin:0;
    height:100%;
    width:100%;
    overflow:hidden;
    border-radius:6px;
    z-index:2;
    position:relative;
}


.com-content-category-blog__item .title-header {
    line-height:1;
    overflow:hidden
}
.com-content-category-blog__item .title-header .page-header{
    text-align:left !important;
    line-height:1.125
}
.com-content-category-blog__children .title-header h3{
    margin:0
}

.com-content-category-blog__children .title-header h3 a{
    font-weight:normal;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    padding-bottom: 12.5px;
    padding-top: 10px;
    border-top: 1px solid #dedede;
    margin: 0;
    float: left;
    font-size:1.5rem
}

.com-content-category-blog__children.chld0 .title-header h3 a{
    border-top:0px solid transparent
}


.com-content-category-blog__children .title-header h3 a:hover{
    text-decoration: underline;
}

.blog-item .item-content{

    position: absolute;
    margin: 0px;
    bottom: 0;
    right: 0;
    background: white;
    padding: 25px 30px;
    width: 70%;
    min-height: 100px;
    height:auto;
    z-index: 2;
    border-top-left-radius:6px
}

.blog-item.catt .item-content{
    background:#f9f9f9
}

.blog-item .item-content .tagss{
    text-align:left;
    margin-bottom:10px;
}

.blog-item .item-content .tag a{
    margin:0px;
}

.blog-item .item-content h3{
    font-weight:bold;
    font-size:1.9rem;
    margin-top:0;
    margin-bottom:0px
}

.com-content-category-blog__item img{
    width: 100%;
height: auto;
}

.page-header li{
    display:inline-block;
}

.item-content dl{
    margin:0
}
body .tag a,body .tags a,body a.tag{
    font-size:1.25rem;
    padding: 7.5px 12.5px;
    margin-right:5px;
    background: #efefef;
    color:black;
    margin-bottom: 10px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Segoe UI';
    border-radius:6px;
    transition:color .3s,background .3s
}
body .tag a:hover,body .tags a:hover,body a.tag:hover{
    background: rgb(247 215 44) !important;
    color: black !important;
}


i.fa.plus{
    background: #dedede;
    color: black;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    cursor: pointer;
    height: 35px;
    display: block;
    width: 35px;
    padding: 0;
    margin: 0;
    float: right;
    line-height: 33px !important;
}

.mod-banners .imgli{
    float:left;
    overflow:hidden;
    background-color:#f9f9f9;
    position:relative;
}

.mod-banners .imgli::before{
    content:'\f08e';
    font-family:'FontAwesome';
    font-size:100px;
    color:#dedede;
    opacity:0.5;
    position:absolute;
    z-index:2;
    top:50%;
    left:50%;
    margin-top:-33px;
    margin-left:-33px;
    pointer-events: none;
}

.mod-banners .banners{
    height:100%
}

.mod-banners .slick-dots{
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
}

.mod-banners .cntli div{
    height:auto !important;
    width:auto !important
}

.mod-banners .slick-dots li{
    margin:0 7.5px
}

.mod-banners .cntli{
    padding:50px;
    background:rgb(9, 77, 137);
    color:white;
    float:left;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: rgba(0,0,0,0.2);
    scrollbar-width: thin;
    /*background-image:url('/templates/ville/images/backbann.png');
    background-size:auto 155%;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 12.5% 50%;*/
}

.mod-banners a.button{
    background: black;
    color:white;
    padding: 12.5px 10px;
    border-radius: 6px;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 125px;
    text-transform: uppercase;
    margin-top: 38px;
    clear: both;
    position: relative;
    font-weight:bold
}

#footer a:hover,.mod-banners a:hover{
    background: #f7d72c !important;
    color: black !important;
}

.full-blog .cntli{
    background-size:auto 145%;
    background-position: 17.5% 50%;
}
.mod-banners .cntli em{
    font-style:normal
}

.mod-banners .cntli::-webkit-scrollbar {
    background: rgba(0,0,0,0);
    width: 7px;
}
.mod-banners .cntli::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
    width: 7px;
    height: 2em;
}

.mod-banners .cntli h3{
    text-align: center;
    font-size: 3.75rem !important;
    font-weight: bold;
    color:white !important;
    margin-top:0px
}

.mod-banners{
    height: 500px;
    overflow: hidden;
    float: left;
    margin:0 2%;
    border-radius: 6px;
    width: 96%;
}

.full-blog .mod-banners{
    height: 500px;
    overflow: hidden;
    float: left;
    margin: 50px 1.5%;
    margin-bottom:25px;
    border-radius: 6px;
    width: 97%;
}

body .tag a span,body .tags a span,body a.tag span{
    white-space: nowrap;
    display: initial;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

body .tag.prix a{
    background: #f3edd4;
    color: black;
}

.mod-articles-category-title .tag a,.dfltlist a.tag{
    margin:0;
    margin-bottom:5px;
    margin-right:10px;
    border-radius:4px;
    overflow: hidden;
}

.reco{
    position:relative;
    z-index:3;
}

.scrollcontainmv{
    overflow-y:auto;
    overflow-x:hidden;
    /*scroll-snap-type:mandatory;
    scroll-snap-points-y: repeat(300px);
    -scroll-padding: 50%;
    scroll-snap-type: y mandatory;*/
}
.scrollcontainpv{
    overflow-y:auto;
    overflow-x:hidden;
    /*scroll-snap-type:proximity;
    scroll-snap-points-y: repeat(300px);
    -scroll-padding: 50%;
    scroll-snap-type: y proximity;*/
}

.scrollcontainmh{
  cursor: grab;
  overflow-y:hidden;
  overflow-x:auto;
  /*scroll-snap-type:mandatory;
  scroll-snap-points-x: repeat(300px);
  -scroll-padding: 50%;
  scroll-snap-type: x mandatory;*/
}
.scrollcontainph,.scrollcontainph2,.scrollcontainph3,.scrollcontainph4,.scrollcontainph5,.scrollcontainph6,
.scrollcontainph9,.scrollcontainph10,.scrollcontainph11,.scrollcontainph12,.scrollcontainph13{
  cursor: grab;
  overflow-y:hidden;
  overflow-x:auto;
  /*-scroll-padding: 50%;
  scroll-snap-type:proximity;
  scroll-snap-points-x: repeat(300px);
  scroll-snap-type: x proximity;*/
  scrollbar-color: rgba(0,0,0,0.2);
    scrollbar-width: none;
    position:relative;
    -ms-overflow-style: none;
    -ms-overflow-x:hidden
}

.scrollcontainph::-webkit-scrollbar,.scrollcontainph2::-webkit-scrollbar,.scrollcontainph3::-webkit-scrollbar,.scrollcontainph4::-webkit-scrollbar,.scrollcontainph5::-webkit-scrollbar,.scrollcontainph6::-webkit-scrollbar,
.scrollcontainph9::-webkit-scrollbar,.scrollcontainph10::-webkit-scrollbar,.scrollcontainph11::-webkit-scrollbar,.scrollcontainph12::-webkit-scrollbar,.scrollcontainph13::-webkit-scrollbar{
    background: transparent;
    width: 5px;
    height: 5px;
    cursor:pointer;
}

.scrollcontainph::-webkit-scrollbar-thumb,.scrollcontainph2::-webkit-scrollbar-thumb,.scrollcontainph3::-webkit-scrollbar-thum,.scrollcontainph4::-webkit-scrollbar-thumb,.scrollcontainph5::-webkit-scrollbar-thumb,.scrollcontainph6::-webkit-scrollbar-thumb,
.scrollcontainph9::-webkit-scrollbar-thumb,.scrollcontainph10::-webkit-scrollbar-thumb,.scrollcontainph11::-webkit-scrollbar-thum,.scrollcontainph12::-webkit-scrollbar-thumb,.scrollcontainph13::-webkit-scrollbar-thumb  {
    background: transparent;
    width: 5px;
    height: 5px;
    cursor:pointer;
}

.scrollcontainph ul,.scrollcontainph2 ul,.scrollcontainph3 ul,.scrollcontainph4 ul,.scrollcontainph5 ul,.scrollcontainph6 ul,
.scrollcontainph9 ul,.scrollcontainph10 ul,.scrollcontainph11 ul,.scrollcontainph12 ul,.scrollcontainph13 ul{
    margin:0 auto;
    width:max-content !important
}

/*
.scrollcontainph li,.scrollcontainph2 li{
    scroll-snap-align:start;
}
.scrollcontainmh li{
    scroll-snap-align:start;
}

.scrollcontainpv li{
    scroll-snap-align:start;
}
.scrollcontainmv li{
    scroll-snap-align:start;
}*/


#chatbot{
    display:none !important;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    right: 0;
    width: 320px;
    overflow: hidden;
    transform:translate3d(0px,85%,0px)
}
#chatbot.open{
    transform:translate3d(0px,0%,0px)
}
#chatbot.open #cntcht{
    display:none
}

#cntcht{
    height:15%;
    width:100%;
    background:black;
    position:absolute;
    top:0;
    left:0;
}

#wndw{
    margin-top:15%;
}

.buttonmenu{
    display:none;
    cursor: pointer;
    padding: 35px 15px;
    padding-bottom: 28px;
    padding-left: 30px;
    padding-right: 35px; 
    width:15px;
    position: absolute;
    z-index: 2;
}

.buttonmenu:hover{
    background:#f9f9f9
}

.buttonmenu .barre{
    background:black;
    height:3px;
    border-radius:8px;
    width:190%;
    margin-bottom:7.5px;
    position: relative;
    left: -5px;
    opacity: 0.7;
}

.buttonmenu .barre2{
width:100%
}



/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    border-radius: 6px;
    display: block;
    overflow: hidden;
    width:100%;
    margin: 0;
    padding: 0;
    height:100%;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-prev{
    position:absolute;
    top:50%;
    margin-top:-24px;
    left:0px;
    height:48px;
    width:24px;
    cursor:pointer;
    background:#000;
    opacity:0.75;
    border:none;
    z-index:4;
    color:transparent;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;

}
.slick-prev::after{
    content:'\f104';
    display:block;
    color:white;
    font-size:2rem;
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 50%;
    margin-left: -5px;
}

.slick-prev:hover,.slick-next:hover{
    opacity:1
}

.slick-next{
    position:absolute;
    top:50%;
    margin-top:-24px;
    right:0px;
    height:48px;
    width:24px;
    cursor:pointer;
    background:#000;
    opacity:0.75;
    border:none;
    z-index:4;
    color:transparent;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
}
.slick-next::after{
    content:'\f105';
    display:block;
    color:white;
    font-size:2rem;
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 50%;
    margin-left: -2.5px;
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    height:100%;
    min-width:100% !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    position:relative;
    height: 100%;
    /* width:100% !important; */
    min-height: 1px;
    overflow:hidden
}

.slides li,.slick-slide div,.slick-slide li{
    height:100%;
    width:100%;
    display:inline-block;
    position:relative;
    overflow: hidden;
}

[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-dots li{
    display:inline-block;
    margin-right:15px;
    width:auto
}

.slick-dots button{
    background:none;
    border:none;
    border-radius:15px;
    width:15px;
    height:15px;
    background:#ccc;
    color:#ccc;
    cursor:pointer;
}

.slick-dots .slick-active button{
    background:black;
    color:black;
}

/*PROGRESSBAR*/
#instantclick-bar {
    background: #f7d72c;
    height:6px;
}

.fa-clock-o {
    margin-right:5px;
}

/*COOKIE LAW*/
/*.cc_b_cp{display:none !important}*/

.cc_cp_container{max-height: 79vh !important;overflow-y: auto !important;}
.cookie-consent-preferences-overlay input[type="checkbox"].checkbox_cookie_consent{opacity:0}
.dark.cc_dialog button.cc_b_ok,.dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button{background-color:green !important}
.dark.cc_dialog button.cc_b_cp,.dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li a,.cc_cp_head_lang_selector select,.cc_cp_head_lang_selector select option{color:black !important}
.cc_dialog.headline{padding:35px !important;right: 0px !important;top: auto !important;bottom: 0px !important;left: auto !important;max-width: auto !important;min-width:320px !important;position: fixed !important;z-index:9999999999 !important}
.cc_dialog .cc_dialog_text,.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content .cc_cp_m_content_entry p {font-size: 1.5rem !important;}
.cc_dialog_headline,.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content .cc_cp_m_content_entry h1 {font-size:2rem !important;line-height:24px !important;}
@media(max-width:360px){.cc_dialog.headline{padding:20px !important;max-width:calc(100% - 40px) !important;min-width:calc(100% - 40px) !important}}



/*OLED*/
html.oled,.olde body,.oled #subhead,.oled .tag a,.oled .tags a,.oled a.tag,
.oled .bckblue,.oled .grandprojets .tag{
    background-color:#000;
    color:#dedede !important

}

.oled .slick-prev,
.oled .slick-next,
.oled .full-article,.oled .full-blog,.oled .enunclic .circle{
    background-color:#000;
}

.oled span.datef .numdate,.oled span.datef .mdate,.oled .slick-next::after,.oled .slick-prev::after,.oled .sliderville h2,.oled body,.oled #menu a,.oled .dfltlist .descr h3,.oled .dfltlist a{
    color:#dedede !important
}

.oled .sliderville  img,.oled .contentville img,.oled .ytb,.oled iframe,.oled .bckcontainer,.oled .galls,.oled .sommaire,.oled blockquote,.oled .adr,.oled .blog-item .item-content,.oled .buttonsearch,.oled .enunclic.md{
    background-color:#0c0c0c
}

.oled .slick-dots button{
    background:#0c0c0c;
    color:black;
}

.oled .slick-dots .slick-active button{
    background:#dedede;
    color:#dedede;
}

.oled .sliderville:first-child .mod-articles-category-title,
.oled .sliderville:nth-child(2) .mod-articles-category-title,
.oled .sliderville:last-child .mod-articles-category-title,
.oled body .agenda .descr,
.oled .dfltlist .descr,
.oled .publications li:first-child .descr,
.oled #links li.search,
.oled .ville .fildumau li .descr,
.oled .img.skeleton,.oled .link.skeleton,.oled #footer,.oled .custmd.avis,
.oled .accesrapides li img,.oled .accesrapides li .circle{
    background-color:#0c0c0c !important;
    color:#dedede !important
}

.oled #head{
    border-bottom:2px solid #1c1c1c;
}

.oled #menu a:hover{
    border-top-color: #dedede;
}

.oled img{
    opacity:0.75
}


.introjs-overlay{position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;z-index:999999;opacity:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-showElement{z-index:9999999!important}tr.introjs-showElement>td{z-index:9999999!important;position:relative}tr.introjs-showElement>th{z-index:9999999!important;position:relative}.introjs-disableInteraction{z-index:99999999!important;position:absolute;background-color:#fff;opacity:0}.introjs-relativePosition{position:relative}.introjs-helperLayer{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:9999998;border-radius:4px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-helperLayer *{-webkit-box-sizing:content-box;box-sizing:content-box}.introjs-helperLayer :before{-webkit-box-sizing:content-box;box-sizing:content-box}.introjs-helperLayer :after{-webkit-box-sizing:content-box;box-sizing:content-box}.introjs-tooltipReferenceLayer{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;visibility:hidden;z-index:100000000;background-color:transparent;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-tooltipReferenceLayer *{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.introjs-helperNumberLayer{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;color:#9e9e9e;text-align:center;padding-top:10px;padding-bottom:10px}.introjs-arrow{border:5px solid transparent;content:"";position:absolute}.introjs-arrow.top{top:-10px;left:10px;border-bottom-color:#fff}.introjs-arrow.top-right{top:-10px;right:10px;border-bottom-color:#fff}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-bottom-color:#fff}.introjs-arrow.right{right:-10px;top:10px;border-left-color:#fff}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-left-color:#fff}.introjs-arrow.bottom{bottom:-10px;left:10px;border-top-color:#fff}.introjs-arrow.bottom-right{bottom:-10px;right:10px;border-top-color:#fff}.introjs-arrow.bottom-middle{bottom:-10px;left:50%;margin-left:-5px;border-top-color:#fff}.introjs-arrow.left{left:-10px;top:10px;border-right-color:#fff}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-right-color:#fff}.introjs-tooltip{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;visibility:visible;background-color:#fff;min-width:250px;max-width:300px;border-radius:5px;-webkit-box-shadow:0 3px 30px rgba(33,33,33,.3);box-shadow:0 3px 30px rgba(33,33,33,.3);-webkit-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;transition:opacity .1s ease-out}.introjs-tooltiptext{padding:20px}.introjs-tooltip-title{font-size:18px;margin:0;padding:0;font-weight:700;float:left;line-height:32px}.introjs-tooltip-header{padding-left:20px;padding-right:20px;padding-top:10px}.introjs-tooltip-header:after{content:".";visibility:hidden;display:block;height:0;clear:both}.introjs-tooltipbuttons{border-top:1px solid #e0e0e0;padding:10px;text-align:right;white-space:nowrap}.introjs-tooltipbuttons:after{content:"";visibility:hidden;display:block;height:0;clear:both}.introjs-button{-webkit-box-sizing:content-box;box-sizing:content-box;position:relative;overflow:visible;display:inline-block;padding:.5rem 1rem;border:1px solid #bdbdbd;text-decoration:none;text-shadow:1px 1px 0 #fff;font-size:14px;color:#424242;white-space:nowrap;cursor:pointer;outline:0;background-color:#f4f4f4;border-radius:.2em;zoom:1}.introjs-button:hover{outline:0;text-decoration:none;border-color:#9e9e9e;background-color:#e0e0e0;color:#212121}.introjs-button:focus{outline:0;text-decoration:none;background-color:#eee;-webkit-box-shadow:0 0 0 .2rem rgba(158,158,158,.5);box-shadow:0 0 0 .2rem rgba(158,158,158,.5);border:1px solid #616161;color:#212121}.introjs-button:active{outline:0;text-decoration:none;background-color:#e0e0e0;border-color:#9e9e9e;color:#212121}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{-webkit-box-sizing:content-box;box-sizing:content-box;color:#616161;float:right;font-size:2rem;cursor:pointer;font-weight:700;line-height:1;text-align:center;padding:7px 10px}.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#212121;outline:0;text-decoration:none}.introjs-prevbutton{float:left}.introjs-nextbutton{float:right}.introjs-disabled{color:#9e9e9e;border-color:#bdbdbd;-webkit-box-shadow:none;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-disabled:focus,.introjs-disabled:hover{color:#9e9e9e;border-color:#bdbdbd;-webkit-box-shadow:none;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center;padding-top:10px;padding-bottom:10px}.introjs-bullets ul{-webkit-box-sizing:content-box;box-sizing:content-box;clear:both;margin:0 auto 0;padding:0;display:inline-block}.introjs-bullets ul li{-webkit-box-sizing:content-box;box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{-webkit-transition:width .1s ease-in;-o-transition:width .1s ease-in;transition:width .1s ease-in;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{width:15px;background:#999;text-decoration:none;outline:0}.introjs-bullets ul li a.active{width:15px;background:#999}.introjs-progress{-webkit-box-sizing:content-box;box-sizing:content-box;overflow:hidden;height:10px;margin:10px;border-radius:4px;background-color:#e0e0e0}.introjs-progressbar{-webkit-box-sizing:content-box;box-sizing:content-box;float:left;width:0%;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;background:0 0;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hint:hover>.introjs-hint-pulse{background-color:rgba(60,60,60,.57)}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}@-webkit-keyframes introjspulse{0%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.7);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 10px transparent;box-shadow:0 0 0 10px transparent}100%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}}@keyframes introjspulse{0%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.7);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 10px transparent;box-shadow:0 0 0 10px transparent}100%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}}.introjs-hint-pulse{-webkit-box-sizing:content-box;box-sizing:content-box;width:15px;height:15px;border-radius:30px;background-color:rgba(136,136,136,.24);z-index:10;position:absolute;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-animation:introjspulse 2s infinite;animation:introjspulse 2s infinite}.introjs-hint-no-anim .introjs-hint-pulse{-webkit-animation:none;animation:none}.introjs-hint-dot{-webkit-box-sizing:content-box;box-sizing:content-box;background:0 0;border-radius:60px;height:50px;width:50px;position:absolute;top:-18px;left:-18px;z-index:1;opacity:0}

.nxt .slick-next {
    display:block !important;
}

.prv .slick-prev{
    display:block !important;
}

.sclparent{
    position: relative
}

/*ARCHIVES*/
.archive .imban,.archives .catimg{
    position:relative
}
.archives .catimg::before ,.archive .imban::before{
    content:'ANCIEN ARTICLE';
    font-weight:bold;
    font-size:100px;
    color:red;
    position:absolute;
    top:0%;
    left:1.5%;
    z-index:2;
    pointer-events:none;
    opacity:0.5;
}

.archives .catimg::before {
    content:'ANCIENS ARTICLES'
}
.com-content-archive__items .blog-item img,.archive img{

    -webkit-filter: grayscale(100%); /* Webkit */
    -webkit-filter: grayscale(1); /* Webkit */
    filter: grayscale(100%); /* W3C */
    
    filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");

    filter: gray; /* IE6-9 */
        
}


.custmd.galleries{
    padding-bottom:70px;
    background: #f9f9f9;
    overflow:hidden
}

/*DARK*/
html.dark,.dark body,.dark body .agenda .link.skeleton img,.dark .fildumau .link.skeleton img,.dark .webtv .link.skeleton img{
    background:#252525;
    color:#efefef;
}

.dark .placehold{
    color:#efefef
}
.dark a,.dark .sommaire .adr strong{
    color:#efefef
}

.dark #logo,.dark .bcksearch{
    border-color:#2f2f2f
}

.dark .ressearch h3::after{
    background:#ccc
}
.dark .ressearch{
    border:none !important
}

.dark .limoon a i::before{
    content:'\f185 ';
}

.dark .limoon{
    border-color:#2f2f2f
}
.dark .docs .doc a{ 
    color:white !important
}

body .tag a:hover,body .tags a:hover,body a.tag:hover{
    border-left-color:#000
}
.dark .mod-banners .cntli,.dark .bckblue,.dark #bottomright{
    background-color: rgb(15 42 75);
    color: white !important;
}

.dark .bckbckmodsearch{
    background-image:url(/templates/ville/images/backbann.png)
}

.dark #footer{
    background:#073458
}

.dark .gals{
    background:#252525 !important
}
.dark ._access-menu h3{
    color:black !important
}
.dark .com-content-article__body h2::after{
    background:#efefef
}

.dark .carto img{
    background:#2f2f2f !important
}
.tag.arch,.dark .tag.arch,.dark .result a:hover,.dark #links .result a:hover{
    background:black !important;
    color:white !important
}

.dark body.recherche .full-blog h3::before,.dark body.recherche .full-blog h3{
    background:#333
}
.dark .lds-dual-ring:after,  .dark .loadsearch:after{
    border: 5px solid #ccc;
	border-color: #ccc transparent #ccc transparent;
}

.dark .mod-banners .imgli{
    background-color:#2f2f2f
}

.dark .contact-category .circ ,
.dark .blog-item.catt .item-content{
    background:#2f2f2f !important
}

.dark .tag{
    border-color:#dedede
}
.dark .hr{
    background-color:#333;
    color:white;
}

.dark .hr::before{
    background-color: #252525;
    color:white;
}

.dark .buttoncarto{
    background:black !important;
}

.dark .buttoncarto::after{
    color:white !important
}
.dark .com-content-category-blog__children .title-header h3 a{
    border-color:#444
}
.dark .custmd.galleries{
    background:#2f2f2f;
    color:#efefef;
}
.dark .img.skeleton,.dark .link.skeleton{
    background-color: #2f2f2f !important;
}

.dark .skeleton.active {
    background-color: #252525 !important;
 }

 .dark .bckcontainer .img.skeleton,.dark .bckcontainer .link.skeleton,.dark .bck-container .skeleton.active{ 
    background-color: #2f2f2f !important;
 }

 .oled span.datef, .dark span.datef{
    background-color: #000 !important;

 }

 .dark .skeleton.active::after{
    background: linear-gradient(90deg, transparent, #292929, transparent);
 }

.dark .docs .doc a{
    background-color: black !important;
    transition: color .3s,background .3s;
}


.dark .docs .doc a:hover{
    background-color: #f7d72c !important;
    color:black !important
}


.dark .sommaire,.dark .galls,.dark .docss{
    background:#2f2f2f;
}

.dark .md.enunclic{
    background-color:rgb(15 42 75) !important
}

.dark .md.enunclic .circle{
    background:#2f2f2f;
}
.dark .swal2-container.swal2-center>.swal2-popup{
    background:#2f2f2f;
}

.dark .buttonmenu{
    background:transparent
}
.dark .buttonmenu:hover {
    background:#2f2f2f;
}
.dark .buttonmenu .barre{
    background-color:#efefef;
}

.dark .buttonsearch{
    background-color: #2f2f2f;
    color: #fff;
}

.dark span.datef .numdate,.dark span.datef .mdate,.dark h1,.dark h2,.dark h3,.dark .dfltlist a,.dark #menu a,.dark .mod-articles-category-title a::after,.dark .descr a::after,.dark .item-content a::after{
    color:#efefef !important;
}

.dark .bcksearch{
    background:none !important
}
.dark #links li.search{
    background:#2f2f2f !important;
}

.dark #head{
    border-bottom:2px solid #2f2f2f;
}
.dark #subhead,.dark .mod-articles-category-title{
    background:#252525 !important;
    color:#efefef;
}
.dark body .tag a,.dark body .tags a,.dark body a.tag{
    background:#2f2f2f;
    color:#efefef;
}


.dark .accesrapides li img,.dark .accesrapides li .circle{
    background-color:#2f2f2f

}

.dark .img.skeleton,.dark .link.skeleton{
    background-color:#333 !important
}

.dark .slick-prev,.dark .slick-next{
    background:#000 !important;
}
.dark .slick-prev::after,.dark .slick-next::after,.dark .sommaire li h2::before{
    color:#efefef !important
}
/*
.dark .slick-dots button{
    background: #2f2f2f;
    color: #2f2f2f;
}
.dark .slick-dots .slick-active button{
    background: #efefef;
    color: #efefef;
}*/

.dark input[name="valsearch"],.dark .ressearch{
    background: #202020;
    color: #efefef;
}

.dark .bcksearch .search{
    background: #1c1c1c;
}
.dark #menu a:hover{
    border-top-color: #efefef;
}

.dark img{
    opacity:0.9
}

.dark .full-article,.dark .full-blog{
    background:#252525;
    color:#efefef;
}

.dark .blog-item .item-content,.dark .dfltlist .descr{
    background:#252525 !important;
    color:#efefef;
}

.dark .custmd.avis{
    background:#171717
}

.dark .avis option[value="1"]::after,.dark .avis option[value="2"]::after,.dark .avis option[value="3"]::after{
    color:#efefef;

}

.dark blockquote{
    background:#2f2f2f !important;
    color:#efefef;
}

.dark .bckcontainer .img.skeleton,.dark .bckcontainer .link.skeleton,.dark .bck-container .skeleton.active {
    background-color: #252525!important;
}

.dark .sommaire .adr{
    background:#252525;
    color:#efefef;
}

.dark .sliderville  img,.dark .contentville img,.dark .ytb,.dark iframe,.dark .bckcontainer{
    background-color:#2f2f2f
}

:focus-visible {
box-shadow:inset 0px -1px 0px 4px #999 !important;
border-radius:6px !important;
outline:none;
}

.dark :focus-visible,.dark .fcs {
    box-shadow:inset 0px -1px 0px 4px #efefef !important;
    border-radius:6px !important;
    outline:none;
}

.bckloader{
    display:block;
    position: fixed;
    top: 0%;
    left: 0%;
    width:100%;
    height:100%;
    background:white;
    z-index: 99999999999999999999;
}
.dark .bckloader{
    background:#252525;
}

.lds-dual-ring,.loadsearch {
    display: inline-block;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999999999999999999999999999;
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
}

.lds-dual-ring:after,.loadsearch::after {
	content: " ";
	display: block;
	width: 46px;
	height: 46px;
	margin-left: 4px;
	margin-top:2px;
	border-radius: 50%;
	border: 5px solid #000;
	border-color: #000 transparent #000 transparent;
	animation: lds-dual-ringg 1.2s linear infinite;
  }
  
  .full-blog .lds-dual-ring{
      position:relative !important;
      top:0px !important;
      float:left;
  }

  .loadsearch{
    position: absolute !important
  }
  @keyframes lds-dual-ringg {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }

  @media(min-height:899px){
    .mod-banners,.ville .publications,.ville .dfltlist.fildumau, .ville .dfltlist.webtv, .ville .dfltlist.agenda,.sliderville:first-child,.sliderville:nth-child(2),.sliderville:last-child{
        height:600px !important
    }

    .mod-banners .cntli,.mod-banners .imgli{
        height:600px !important;
        min-height:600px !important;

    }
  }

@media(max-height:699px){
    .ronds{
        margin-top:145px
    }
    .ville .dfltlist.fildumau,.ville .dfltlist.webtv,.ville .dfltlist.agenda,.sliderville:first-child,.sliderville:nth-child(2),.sliderville:last-child,.ville .dfltlist.publications,.custmd.carto img,img.bann{
        max-height:450px !important;
        height:450px !important;
    }

    .sommaire .cntadr{
        max-height:254px
    }
    .fxd .sommaire.hascarto {
        transform: translate3d(0px,-254px,0px);
        height: calc(100% + 254px);
    }
    .buttoncarto{
        top:254px
    }
}

@media(max-height:599px){
    
    .ville .dfltlist.fildumau,.ville .dfltlist.webtv,.ville .dfltlist.agenda,.sliderville:first-child,.sliderville:nth-child(2),.sliderville:last-child,.ville .dfltlist.publications,.custmd.carto img,img.bann{
        max-height:400px !important;
        height:400px !important;
    }

    .ronds{
        margin-top:165px
    }

    .sommaire .cntadr{
        max-height:204px
    }
    .fxd .sommaire.hascarto {
        transform: translate3d(0px,-204px,0px);
        height: calc(100% + 204px);
    }
    .buttoncarto{
        top:204px
    }
}

@media(max-width:1280px){
    .full-blog .page-header{
        margin-top:15px
    }

  
    .sommaire li h2,.sommaire li h3,.sommaire li h4,.sommaire li h5,.sommaire li h6{
        border-bottom: 1px solid #666;
        padding-bottom: 15px;
        text-align: left;
    }
    
    .pageahead{
        max-width: 80% !important;
        background: white;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        padding: 30px 15px;
        margin: 0 auto;
    }

    .pagehead{
        max-width: 75% !important;
        background: white;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        padding: 15px;
    }

    .dark .pageahead,.dark .pagehead{background:#252525}

      

    
    .fxd .sommaire{
        right:0px !important
    }

    .numcolumns5 .com-content-category-blog__item{
        width:22.5%;
    }
    .numcolumns4 .com-content-category-blog__item{
        width:30.333%;
    }
    

    

    .hr{
        margin-top:calc(25px + 1.5%)
    }
    .contact-category .com-content-category__table ul li{
        display:inline-block !important;
        float:left !important;
		width:calc(25% - 30px);
    }
	.contact-category .com-content-category__table ul li h3{position:absolute;display:block;width:100%;text-align:center; }
    .full-blog .mod-banners{
        margin:1.5% 0 !important;
        width:100% !important;
        height:min-content !important
    }
    .mod-banners .slick-slide{
        display:none !important;
        left:0px !important;
    }
    .mod-banners .slick-slide.slick-active{
        display:inline-block !important;
    }
    
    .full-contact .catimg{
        height:auto !important;
    }
    .com-contact{
        width: 100% !important;
        margin: 50px 0 !important;
    }
    .com-content-category-blog__item{
        width:47%
    }
    
    .buttonenunclic .enun,.buttonenunclic .clic{
        top:10px;
    }

    .ville .dfltlist.fildumau,.ville .dfltlist.webtv,.ville .dfltlist.agenda,.sliderville:first-child,.sliderville:nth-child(2),.sliderville:last-child,.ville .dfltlist.publications,.custmd.carto img,img.bann{
        max-height:450px !important;
        height:450px !important;
    }

    .ronds{
        margin-top:145px
    }

    .sommaire .cntadr{
        max-height:254px
    }
    .fxd .sommaire.hascarto {
        transform: translate3d(0px,-254px,0px);
        height: calc(100% + 254px);
    }
    .buttoncarto{
        top:254px
    }

    #menu div.buttonsearch{
        display:none !important
    }
    #menu div.buttonenunclic{
        display:none !important
    }

    #menu ul li.buttonsearch{
        height:65px;
        position:relative !important;
        top:0 !important;
        left:0 !important;
        right:0 !important;
        margin:0 !important;
        display:none !important
    }

    .fxd #menu ul li.buttonsearch{
        display:inline-block !important
    }

    #menu ul li.buttonenunclic{
        height:65px;
        display:inline-block !important;
        position:relative !important;
        top:0 !important;
        left:0 !important;
        right:0 !important;
        margin:0 !important;
    }

    body.ville #menu ul li.buttonenunclic{
        display: none !important;
    }


    #menu ul li.buttonenunclic .enun{
        margin-top:0;
    }
    #menu ul li.buttonsearch .i{
        margin-top:0;
    }
    
    
    .ville .dfltlist.publications{
        height:auto !important;
        max-height:1000% !important
    }
   
    
    .ville .dfltlist.webtv,body .agenda li:first-child,body .agenda li:nth-child(2),body .agenda li:nth-child(3){
        width:100% !important
    }
    body .agenda li:nth-child(2),body .agenda li:nth-child(3){
        height:75% !important
    }
    body .agenda li:nth-child(3){
        margin-bottom:50px
    }
    body .agenda li:first-child{
        margin-bottom:4%
    }
    
    .mod-banners{
        height:auto !important;
        margin:0px !important;
        width:100% !important
    }
   
 
    .licontact{
        padding-left: 20px !important;
    }
    
    .com-contact__form fieldset{
        margin:0px
    }
    .sommaire{
        text-align: center;
    }
   

    .dark #socials {
        background:#2f2f2f
    }    
   
    #head .largecontainer{
        max-width:100% !important
    }
    .sommaire .cntadr{
        left:0;
        width:100% !important
    }
    .sommaire.hascarto .buttoncarto{
        display:none !important
    }
    
    .ronds{
        width:96%
    }
    img.bann{
        max-height:250px !important;
        height:250px !important;
    }


    .largecontainer{
        max-width:96%
    }
     #footer{
         height:auto;
         overflow:hidden
     }
    #bottomleft{
        width:100%
    }

    #bottomleft .custmd{
        width:96% !important
    }
    #bottomright{
        width:100%
    }

    .full-article{
        padding: 30px 2%;
        width:96%;
        margin-top:-100px;
        background:none !important
    }
  
    .full-blog{
        width:100%;
        padding-right:0;
        padding-left:0;
        margin-top:-100px;
        background:none !important
    }

    .com-content-article__body{
        padding-bottom:50px;
        padding-top:0px;
    }
    
    .sliderville:last-child.notalone li:last-child{
       -margin-top:2%
    }
    .xlargecontainer{
        max-width:96%
    }
       

    
    

    .ville .dfltlist.webtv{
        padding-left:0;
        height: auto !important;
        max-height: 1000% !important;
    }
    .ville .dfltlist.fildumau{
        width:96%
    }
    
    .ville .publications li:nth-child(4){
        margin-left:2%
    }

    .ville .publications li:first-child,.ville .publications li:nth-child(3),.ville .publications li:nth-child(5){
        margin-left:0px !important;
    }
    .ville .publications li{
        width:49% !important;
        height:300px !important;
        margin-bottom:2.25%
    }
    .ville .dfltlist.publications{
        -padding-left:0;
        width:96%;
        -margin-right:0px !important
    }

    .ville .dfltlist.webtv li{
        margin-left:0;
        margin-right:0;
        width: 100%;
    }
    .ville .webtv li:first-child{
        margin-bottom:4%
    }
    .ville .dfltlist.fildumau li{
        margin-left:0;
        margin-right:0
    }

    .sommaire{
        position:relative !important;
        top:0px !important;
        width:96% ;
        padding:30px 2%;
        transform:translate3d(0px,0px,0px) !important
    }

    .full-article .page-header{
        width:100%;
    }
    .com-content-article__body{
        width:100%
    }

    .sommaire .adr{
        text-align:left !important;
        padding: 15px 25px !important;
    }
}

@media(max-width:1180px){
	.contact-category .com-content-category__table ul li{

		width:calc(33.333% - 30px);
    }
	
    #socials.activ .licontact,#socials.activ .liconnect,#socials.activ .lidark{
        display:inline-block !important
    }
    .bcksearch{
        width:calc(100% - 347.5px) !important;
    }
    #logo{
        float:left !important;
        width:205px !important;
        margin-left:80px !important;
        padding-left:25px !important
    }
    #head .xlargecontainer{
        max-width:100% !important
    }
    #logo img{
        left:0px
    }

    li.search span{
        display:none !important
    }
    li.search{
        width:32px !important
    }
    #links li.search i{
        margin-left: 7px;
    }
    .flashinfo{
        height:auto !important
    }
    li.search,.buttonsearch{
        display:none !important
    }
    .btnsearch{
        height:95px;
        width:95px;
        margin-top:-229px;
        right:0px;
        display:block;
    }
    .btnsearch i{
        margin-top:37px;
    }
    
    
    #logo img{
        left:-7.5px
    }

    #links{
        width:100%;
        right:0;
        top:0;
        position:absolute;
        pointer-events: none;
    }

    #socials {
        position: absolute;
        left: 80px;
        padding-left: 15px;
        padding-right: 15px;
        width:calc(100% - 110px);
        z-index:9999;
        background:#f9f9f9
    }

    .dark #socials {
        background:#2f2f2f
    }

    .buttonmenu{
        display:block
    }

    #socials{
        display:none
    }

    #links ul li:not(.result){
        display:none !important
    }
}

@media(max-width:1024px){
    .mod-banners .cntli{
        height:min-content !important;
        width: calc(100% - 100px) !important;
    }
    .mod-banners .imgli{
        width: 100% !important;
        height:350px !important;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    
    .sliderville.noactu {
        width: 100% !important;
        margin: 0px !important;
    }
    .sliderville:first-child .mod-articles-category-title{
        padding:20px 20px
    }

    .sliderville a.img{
        height:80% !important;
        border-radius: 6px;
        overflow: hidden;
    }
    .sliderville:last-child.notalone li{
        height:450px
    }
    
    .sliderville:last-child.notalone.plustwo li:first-child {
        width: 100%;
    }
    .sliderville:last-child.notalone.plustwo li:nth-child(3) {
        margin-left: 0;
        width: 50%;
    }

    .sliderville:last-child:not(.alone.enavant,.nobann,.noavant,.vide){
        height:auto !important;
        max-height:1000% !important
    }
    .sliderville.hasbann.plustwo:not(.pub) li{
        height:450px !important;
        margin-bottom:2% !important;
        float:left;
        width:100%
    }
    
    .sliderville.alone.hastwo:not(.pub) li,.sliderville.plustwo:not(.pub,.notalone) li{
        height:450px !important;
        margin-bottom:2% !important;
        float:left;
        width:48.75%
    }
    .sliderville.alone.hastwo li:last-child{
        margin-bottom:0px !important;
        float:right;
    }
    .sliderville:first-child.compact {
        width: 48.75% !important;
    }

    .sliderville:first-child.nobann {
        width:100% !important;
    }

    .sliderville:nth-child(2){
        width: 48.75% !important;
    }

    .sliderville:last-child:not(.vide){
        width:100% !important;
        margin-left:0px;
        margin-top:2%;
    }

}

@media(max-width:900px){
    .numcolumns5 .com-content-category-blog__item{
        width:30.333%;
    }
    .numcolumns4 .com-content-category-blog__item{
        width:47%;
    }

}
@media(max-width:800px){
    .fxd #subhead{
        position: fixed;
        top:0px
    }
    
    .full-article table,.full-article tbody{
        max-width:100vw;
    }
}

@media(max-width:720px){
    .ressearch h3{
        padding:15px !important
    }
    .ressearch .scl{
        padding:10px !important
    }

    .scl .dfltlist li{
        width: 300px !important;
        margin: 0 12.5px !important;
    }
    .scl .dfltlist .descr{
        width:calc(100% - 100px) !important
    }

    .sliderville.pub li,.sliderville.alone.enavant{
        max-height: 450px !important;
        height: 450px !important;
    }

    .sliderville.alone.hastwo.enavant{
        max-height: 1000% !important;
        height: auto !important;
    }

    #content{
        margin-top:calc(70px + 3%)
    }

    .placehold{
        -display:block !important;
        line-height: 66px;
        right:calc(65px + 1.5%)
    }
    
    .ressearch
    {
        margin-top:67px;
    }

    .bcksearch{
        position:absolute;
        left:0;
        top:165px;
        z-index:9;
        width:100% !important;
        /* width:calc(100% - 82.5px) !important; */
        display:block !important;
        height:67px;
        border:none !important;
        max-width: 94%;
        margin: 0 3%;
        border-radius: 6px;
    }
    
    input[name="valsearch"]{
       width:94%;
       padding:0 3%;
       height:67px;
    }

    .bcksearch .search{
        width: 60px;
        height: 67px;
        line-height: 67px;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
    }

    .sliderville.enavant li{
        width:100% !important
    }

    .com-content-category-blog__item{
        width:100% !important
    }
    
    .sliderville.alone.hastwo li{
        width:100% !important
    }
    #links{
    pointer-events: all;
    }

  

    #logo{
        float:none !important;
        margin:0 auto !important;
        width:210px !important;
        position:relative;
        z-index:2;
        border:none !important
    }

    #head #links ul li.search{
        display:none !important
    }
    body .agenda li:first-child .descr{
        width:calc(100% - 40px) !important
    }
    .ville .dfltlist.publications{
        padding-left:0;
        width:100%;
        margin-right:0px !important
    }
    .ville .dfltlist.fildumau {
        width: 100%;
    }
    .ville .publications li{
        margin-left:0px !important
    }
    .contact-category .com-content-category__table ul li{
        width:calc(50% - 30px) !important;
    
    }
    .contact-category .circ,.contact-category .com-content-category__table ul li img{
        width:100% !important
    }
    .ville .webtv li:not(:first-child) a.link{
        width:100% !important
    }
    .ville .webtv li:not(:first-child) .descr{
        width: calc(100% - 40px) !important;
    }
    .ville .webtv li:first-child .descr{
        position: relative !important;

    }
    .ville .publications li
    {
        margin-bottom: 4%;
    }
    .ville .publications li{
        width:100%  !important;
        height:auto !important;
        min-height:200px
    }
    .ville .dfltlist.fildumau{
        padding:0
    }
    .ville .dfltlist.publications,.ville .dfltlist.fildumau,.ville .dfltlist.agenda{
        height:auto !important;
        max-height: 1000% !important;
        overflow:hidden
    }
    .ville .publications li .descr{
        position:relative
    }
    .dfltlist .descr{
        width: calc(100% - 40px) !important;
    }
    .publications li a.link, body .agenda li:not(:first-child) a.link{
        height:150px !important;
        width:100% !important
    }
    body .agenda li:nth-child(3){
        margin-bottom: 0px !important;
    }
    .sliderville:last-child.notalone li {
        width:100% !important;
        margin-bottom: 4%;
    }

    .largecontainer,.xlargecontainer{
        max-width:94%
    }

    .full-article{
        width:94%
    }
    

    .full-blog{
        width:100%;
        padding-left:0;
        padding-right:0
    }
    .com-content-category-blog__item{
        width:100%;
        margin-left:0px;
        margin-right:0px;
        margin-top:2%;
        margin-bottom:2%;
    }
    

    .sliderville:first-child.compact {
        width: 100% !important;
    }

    .dfltlist{
        width:100%;
        padding-left:0px !important;
        padding-right:0px !important;
    }

    .ville .fildumau li:first-child{
        width:100%;
        padding:0;
        margin:0;
        height:450px !important;
        max-height:450px !important;
        margin-bottom:4%

    }


    .ville .agenda li:first-child{
        width:100%;
        padding:0;
        margin:0;
        height:450px !important;
        max-height:450px !important;
        margin-bottom:4%
    }

    .ville .agenda li:not(:first-child){
        width:100%;
        padding:0
    }

    .ville .webtv li:first-child{
        width:100%;
        padding:0;
        margin:0
    }

    .ville .webtv li:not(:first-child){
        width:100%;
        padding:0
    }

    .sliderville:nth-child(2){
        width: 100% !important;
        margin-left:0px;
        margin-top:4%;
        height:auto !important;
        max-height:1000% !important;
    }

    .sliderville.pub{
       
        height:450px !important;
        max-height:450px !important;
    }

    .contact-category .com-content-category__table ul li{
        width:calc(100% - 0px) !important;
        margin:0px !important
    }
    .contact-category .com-content-category__table ul li img{
        height:300px !important
    }

    #socials ul li{
        padding-left:10px;
        padding-right:10px;
    }

    #head .xlargecontainer{
        max-width:100% !important
    }
    #links li.search{
        padding-left:21.5px !important;
        padding-right:21.5px !important;
    }
}

@media(max-width:500px){
    .pageahead .title-header{
        margin-top: 15px;
        width: 125%;
        margin-left: -12.5%;
        margin-bottom: 15px;        
    }
    
    .pageahead .smallfixcontainer{
        overflow:visible !important
    }
	#logo img{
        height: 45px;
        top: 3px;
    }
}

@media(min-width:721px){
    .bcksearch{
        display:block !important
    }
}

@media(min-width:1181px){
    #links .search{
        display:none !important
    }
    #socials{
        display:block !important
    }
}

@media(min-width:1660px){
    .full-article .com-content-article__body{
        width: calc(75% - 100px);
        padding: 50px;
    }
}


@media(min-width:1280px) and (max-width:1999px){
    .view-article:not(.recherche) img.bann{
        min-width:80% !important;
        width:80% !important;
    }

    .view-article #sscats img.bann{
        min-width:100% !important;
        width:100% !important;
    }
}

@media(min-width:2000px){
    .xlargecontainer{
        max-width:1960px;
        margin:0 auto;
        height:100%;
        overflow:hidden
    }
    .largecontainer{
        max-width:1800px;
        margin:0 auto;
        height:100%;
        overflow:hidden;
    }
    .container{
        max-width:1400px;
        margin:0 auto;
        height:100%;
        overflow:hidden
    }
}
@media print{
    html,body{
        background-color:white !important;
        color:black !important
    }

   .sclparent .scl ul.galleries{
        width:100% !important
    }

    .ronds,.article-info,#header,.sommaire,.reco,.avis,#footer, #partenaires,#totop,#chatbot,#credits{
        display:none !important;
    }

    .full-blog,.full-article{
        max-width:100% !important;
        width:calc(100% - 80px) !important;
        background:white !important;
        color:black !important;
        margin:0px !important
    }

    .full-article .com-content-article__body{
        width:calc(100% - 100px) !important;
    }

    .full-article .smallfixcontainer{
        max-width:90%;
        overflow: hidden;
    }

    .full-article .page-header{
        width:100% !important
    }

    .mod-banners .slick-track,.mod-banners .slick-slide{
        width:100% !important
    }

  
    .dark .docss,.docss,.dark .galls,.galls,.dark .sliderville .mod-articles-category-title,.sliderville .mod-articles-category-title,
    .dark .sliderville .descr,.sliderville .descr,html body .dfltlist .descr,.dark .dfltlist .descr, .bckblue,.dark .bckcontainer,.bckcontainer,.mod-banners .cntli h3,
    .dark .blog-item .item-content,
    .blog-item .item-content,
    .blog-item.catt .item-content,
    .dark .blog-item.catt .item-content,
    h1,h2,h3,h4,a,p,span,strong,
    .dark h1,.dark h2,.dark h3,.dark h4,.dark a,.dark p,.dark span,.dark strong{
        background-color:white !important;
        color:black !important;
        border-color:black !important
    }
}

/*TV elections*/
.TV .totop,.TV #header,.TV #footer,.TV #totop,.TV ._access-icon,.TV .cc_dialog {display:none !important}
  
.TV .xlargecontainer {
    max-width: 1680px;
}
.TV .thrd{
    height:220px
}
.TV .frth{max-width:72.5% !important;margin:0 auto !important;float:none !important;    overflow: hidden;}

@media(max-width:1280px){
    .thrd{
        height:auto !important
    }
    .thrd canvas{width:100% !important}
    .thrd .legends{position:relative !important;display:        block !important;top:0 !important;left:0px !important}
}

.date.resa{
    font-weight:bold
}
.descr span.date{
    font-weight:bold;
	color:green !important;
}
.descr span.date em::before{
    font-weight: bold !important;
	color:green !important;
}

.nodeb .descr span.date{
	color:#999 !important;
}
.free .descr span.date{
	color:#000 !important;
}
.nodeb .descr .date em::before{
	color:#999 !important;
	content:'\f272' !important;
}

.free .descr .date em::before{
	color:#000 !important;
	content:'\f073' !important;
}

.butoir .descr .date{
	color:#999 !important;
}
.butoir .descr .date em::before{
	color:#999 !important;
	content:'\f273' !important;
}

.nodisp .descr .date{
	color:red !important;
}
.nodisp .descr .date em::before{
	color:red !important;
	content:'\f273' !important;
}

.wait .descr .date{
	color:#CDDC39 !important;
}
.wait .descr .date em::before{
	color:#CDDC39 !important;
	content:'\f017' !important;
}

iframe[src*="reservations.chalons"]{
    background:none !important;
    background-color:transparent !important;
}