@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');

/* -------------------------
## Gestion des couleurs
--------------------------*/

.bg_color_dedault{
	background-color: #c2c2c2;
}

#rbq-contenu .bg_color_7, #agenda-page .bg_color_7 {
	background-color: #F0F0F0;
}
#agenda-page .bg_color_8 {
	background-color: #EBEBEB;
}

.color_classic_noir, a.content-event, a, a:hover{
	color: #000000;
}

#zone-droite .actus-aside div, #zone-droite .seance-aside div, #page-contenu_0, .bg_publication, #en-une #zone-droite, #mainNav .mega-dropdown-menu {
	background-color: #EEEEEE;
}

#zone-Ag {
	color: #8B94A3;
}

#zone-gauche, .bg_color_7, a.plusactu {
	background-color: #F7F7F7;
}

#agenda-page .bg_color_0 a, a.temp_color_1 {
	color: #ffffff;
}

.prev_next, .prev_next:hover, .bloc-seance a, .bloc-seance a:hover {color: #ffffff !important;}

/* -------------------------
## GÉNÉRAL
--------------------------*/

html, body {
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif; height: 100%; margin: 0; padding: 0;
}
h1 {
	font-size: 2rem;
	font-weight: 400;
}
h2 {
	font-size: 2rem;
	font-weight: 600;
}

.titre-c {
	color: #65C2AA;
	font-size: 1.5rem;
}

.hide{
	display: none;
}
.no-padding > [class*='col-'] { padding-right:0; padding-left:0;}

#zone-agenda, #zone-publications, #zone1, #mainNav{
	max-width: 1580px;
	margin: auto;
}


/* -------------------------
## Animations du document
--------------------------*/

* {
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 500ms ease;
}

/* -------------------------
## Espacement
--------------------------*/
.no_padding_row{    margin-left: -25px !important; margin-right: -25px !important;}
.no-pad-mar {
	padding: 0 !important;
	margin: 0 !important;
}
.no-mg-lr, .row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.no-pad-lr {
	padding-left: 0;
	padding-right: 0;
}
.pad5 {
	padding-bottom: 5px !important;
}
.pad15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.pad30 {
	padding-left: 30px;
	padding-right: 30px;
}
.fw {
	width: 100%;
}
.mw-90 {
	margin: auto !important;
}
.no-underline {
	text-decoration: none !important;
}
.flexbox-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
.unstyled-list {
	list-style: none;
	padding-left: 0;
}

.mid {
	vertical-align: middle;
	text-align: center;
}

/* -------------------------
## Header
--------------------------*/
#zone1.hauteurHeader_2  {height: 70px; line-height: 70px;}
#zone1.hauteurHeader_1  {height: 115px;  line-height: 115px;}
.headerLogo img { max-width: 170px; }

#zone1 .logo-header-max  { max-width: 100%;  cursor: pointer; padding: 0 2px; max-height: 100px;}
#zone1 .simple_link, .simple_link:hover {  text-decoration: none; color: #000;}

@media (min-width: 768px) {
	#zone1 .logo-header-max  { max-width: 960px; max-height: 112px; vertical-align:middle;}	
}
/* -------------------------
## Menu
--------------------------*/
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.centred{margin-left: auto !important;margin-right: auto !important; text-align: center;}
.dropdown-menu { border:0 ; border-radius: 0; }
.navbar-toggler { padding: 0 .75rem;}
#mainNav a, #mainNav a:hover, #mainNav a:focus { text-decoration: none;}
button.navbar-toggler { width: 56px; height: 30px; }
#menu-menu-principal { border-top: solid 1px; }
#menu-menu-principal > li { border-bottom: solid 1px; line-height: 2.1;  }
#menu-menu-principal > li a { padding: 2px 15px; }

.navbar { padding: 0 0;}
.navbar-toggler { margin: .5rem 0.5em;}
#mainNav ul { margin: 0; padding: 0; list-style: none; text-align: left;}
#menu-menu-principal .dropdown-toggle{ font-size: 1.1em;}
#menu-menu-principal .menuN1Seul { font-size: 1.1em;}
#mainNav .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse #mainNav .navbar-nav .open .dropdown-menu>.active>a:hover { color: #000000; }

mainNav .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { color: #000000; background-color: transparent }

#mainNav .navbar-inverse .navbar-nav > li { font-size: 1.2rem; border-bottom: #333333 1px solid; }

#mainNav .mega-dropdown {position: static;}
#menu-menu-principal > li > ul {  padding: 10px 15px; width: 100%;}

#mainNav .mega-dropdown-menu > li > ul > li > a { padding: 1px 2px; width: 100%; font-size: 18px; padding: 0 0 0 2px; white-space: inherit; line-height: normal; font-weight: 400; display: inline-block;}

#mainNav .mega-dropdown-menu > li > ul > li .titre_menu  { font-size: 0.95rem;}
#mainNav .mega-dropdown-menu li a.titre_menu { font-size: 18px; padding: 0 0 0 2px; white-space:inherit; line-height: normal; border-bottom: 0px dotted; display: block; font-weight: 400;}

#mainNav .mega-dropdown-menu > li > ul > li > ul { margin: 0; padding: 0 0 0 16px; line-height: normal;}
#mainNav .mega-dropdown-menu > li > ul > li > a::before { display: inline-block; width: 0;  height: 0; margin-left: .255em;  vertical-align: .115em;  content: ""; border-top: .3em solid transparent ; border-right: .3em solid transparent; border-bottom:  .3em solid transparent; border-left: .3em solid ;}

#mainNav .col_classic { color:#333333;}

.mobile-search{  padding: 10px 10px 2px 10px;}
.ombreBd   { box-shadow: 0 2px 1px 2px rgba(0,0,0,.2); }

 #menu-menu-principal > li:hover, #menu-menu-principal .active_URL.show {
    background: rgba(0,0,0,.2);
}

@media (min-width:768px) { 
	#menu-menu-principal {background-color: white; }
	#menu-menu-principal > li > ul {-moz-box-shadow: 1px 5px 10px 0px #9b9b9b;
-webkit-box-shadow: 1px 5px 10px 0px #9b9b9b;
-o-box-shadow: 1px 5px 10px 0px #9b9b9b;
box-shadow: 1px 5px 10px 0px #9b9b9b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=168, Strength=10); }
	#menu-menu-principal .dropdown-toggle{ font-size: 0.9em;}
	#menu-menu-principal .menuN1Seul { font-size: 0.75em;}
	.navbar { padding: 0;}
	#menu-menu-principal, #menu-menu-principal > li { border: solid 0; }
	div#navnav { display: none !important; }
	#menu-menu-principal {background-color:transparent;}
	#menu-menu-principal >li { display: inline-block; }

	.navbar-inverse .navbar-nav > li { border-bottom: #333333 0px solid; }
	#mainNav .colmenu3 { display: inline-block; vertical-align: top; width: 33%; padding-right: 10px; }
	.navbar-inverse .navbar-nav > li > a { color: #ffffff; font-size: 12px;}
	.navbar-nav > li > .dropdown-menu{ margin-top: -1px}
	#mainNav .mega-dropdown-menu > li > ul > li, #mainNav .mega-dropdown-menu > li > ul > li > ul >li {min-height: inherit ; width: 100%; }
	#mainNav .affiche{display: block; position: relative;}
	#menu-menu-principal > li a { padding: 2px 10px; }
	

}
	
@media (min-width:992px) {	
	#menu-menu-principal .menuN1Seul { font-size: 0.9em;}
	.navbar-inverse .navbar-nav > li > a { font-size: 1rem;}
	#menu-menu-principal > li a { padding: 2px 12px; }
}

@media (min-width:1280px) {	
	#menu-menu-principal .dropdown-toggle{ font-size: 1.1em}
	#menu-menu-principal .menuN1Seul { font-size: 1.1em}
	#menu-menu-principal > li a { padding: 2px 15px; }
}

/* -------------------------
## Footer
--------------------------*/

.bg-ft {
	padding-top: 4rem;
}
.ft-col {
	padding-left: 1.4rem;
	padding-right: 1.4rem;
}
#zone-footer ul {
	padding: 1rem 0;
	margin :0;
}

#zone-footer .zone_info_footer span{
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif !important;
}
#zone-footer .container {
	margin: auto !important;
}

div #footer-social {
	padding-bottom: 1rem;
}
#zone-footer .logo-bottom-max {
	padding: 15px 0; margin: auto;
}

#zone-footer .positionBottomBas{
	text-align: center; 
	border-top: 1px solid #ffffff;
	margin-top: 30px;
	padding-top: 15px;
}

.menu-menu-footer-container {
    visibility: visible;
    text-align: center;
    padding: 0px 0px 0px 0px;
}

.menu-menu-footer-container ul li  {
    margin: 0 0px 0 0;
    display: inline-block;
    height: auto;
    vertical-align: middle;
	padding:  0 5px 0 5px;
}

.menu-menu-footer-container ul li a  {
}

/* -------------------------------
## Breadcrumbs
--------------------------------*/
.breadCrumbs {
	font-size: 0.8rem;
}

/*Pagination*/

.pag_global{text-align: center;
  line-height: 60px;}
.pag_global a, .pag_global a:hover{text-decoration: none;}
.pag_link{font-weight: 700;
  margin: 3px;
  padding: 15px; }
.chevron_left{ margin: 3px;
  padding: 16px;
  padding-bottom: 17px;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;}
.chevron_right{ margin: 3px;
  padding: 16px;
  padding-bottom: 17px;
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;}
.color_current{color:#fff;}

/*Plan du site*/

.child{display: inline-table; margin-bottom: 15px; margin-top: 15px;}
.child_list{margin-left: -30px; font-weight: 700;}
.border_no_child{border-bottom: 1px solid #E5E5E5;}
.marg_title{margin-left: -13px;margin-top: 20px;}
.border_child{border-top: 1px solid #E5E5E5;}
.marg_child_title{margin-left: -45px;}
.child_child{margin-left: -55px; font-weight: 300;}
.child_child_list::before{ font-family: 'fontawesome'; content: "\f105"; font-weight: 600;     margin-right: 10px; }
.all_arbo{margin-top: -75px; margin-left: -45px; color: #fff;}


/* -------------------------------
## Icônes pour les réseaux sociaux
--------------------------------*/

ul.social {
	list-style: none;
	display: inline;
	margin-left: 0 !important;
	padding: 0;
}
ul.social li {
	display: inline;
	margin: 0 5px;
}
.social-circle i {
	color: #8b94a3;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
.social-circle li a {
	display: inline-block;
	position: relative;
	margin: 0 auto 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	width: 50px;
	height: 50px;
	font-size: 20px;
}
.social-circle li i {
	margin: 0;
	line-height: 50px;
	text-align: center;
}
.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social a.icone-rss:hover {
	background-color: #F56505 !important;
}
.social a.icone-fb:hover {
	background-color: #3B5998 !important;
}
.social a.icone-twitter:hover {
	background-color: #33ccff !important;
}
.social a.icone-gplus:hover {
	background-color: #BD3518 !important;
}
.social a.icone-yt:hover {
	background-color: #ff0000 !important;
}
.social a.icone-linkedin:hover {
	background-color: #007bb7;
}
.social a.icone-rss:hover i, .social a.icone-fb:hover i, .social a.icone-twitter:hover i, .social a.icone-gplus:hover i, .social a.icone-yt:hover i, .social a.icone-linkedin:hover i {
	color: #fff !important;
}
a.socialIcon:hover, .socialHoverClass {
	color: #44BCDD;
}
#footer-social a {
	background-color: #fff;
}
/* -------------------------
## Contenu
--------------------------*/

	/*--- # Homepage ---*/

		/* -- Zone landing -- */


.top_absolue{
position: fixed;
z-index: 999;
width: 100%;
}


.placement_zone .home-bg-wrapper{
	position: absolute;
	width: 100%;
	z-index: 2;
	bottom: 40%;
}

#main-wrapper{
	width: 100%;
	min-height: 100%;
	position: relative;
	top:0;
	z-index: 0;
}

.main-bg {
		min-height: 100%
		
	}

.main-bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.clic_absolute{
	position: absolute;
	z-index: 1;
	bottom:0;
	width: 100%;
}


.home-bg {
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
	margin: auto;
	text-align: center;
	padding: 5px;
	max-width: 280px;
}
.home-text {
	color: #fff;
	width: 100%;
	margin: auto;
	text-align: center;
	padding: 0.225rem 1rem;
}

.home-text p {
	margin:0;
}

.home-bg h1 {
	font-size: 1.2rem;
}

.home-search {
	display: none;}
.home-search input {
	margin: 1.5rem 1rem;
}

input.search {
	padding: 0.4rem 0.5rem 0.4rem 0.4rem;
    border-radius: 10px;
    border: none;
}


@media (min-width: 320px) {
	.placement_zone .home-bg-wrapper{ bottom: 25%; }

}

@media (min-width: 320px) and (min-height: 569px) {
	.placement_zone .home-bg-wrapper{ bottom: 20%; }

}

@media (min-width: 376px) and (min-height: 668px) {
	.placement_zone .home-bg-wrapper{ bottom: 25%; }

}

@media (min-width: 768px) and (min-height: 528px) {
	.home-bg { padding: 25px; padding: 0.625rem 6rem; max-width: 680px;}
	.home-bg h1 {font-size: 1.8rem;}
	.home-search input { margin: 2.2rem 0.5rem; }
	.home-search {text-align: center; margin: auto; display: block;}
	input.search { padding: 1.2rem 2.5rem 1rem 0rem; padding-left: 1.05rem; }
	.home-button { padding: 0.83rem 2rem; font-size: 22px; margin-bottom: 0.5rem; border-radius: 15px; }
}

@media (min-width: 992px) and (min-height: 668px) {
	.home-bg h1 {font-size: 2rem;} 
	.home-search input { margin: 4rem 1rem; }
	.placement_zone .home-bg-wrapper{ bottom: 25%; }

}


@media (max-width: 576px) {
	.text-center-xs {text-align: center;}
}



/* -------------------------
## Zone accès rapide
--------------------------*/
#quick-access {
	max-width: 100%;
}

#quick-access .row .col { padding-right: 5px; padding-left: 5px;}

#quick-access img {
	width: 25%;
	margin: 2rem;
}
#quick-access a {
	text-decoration: none;
	color: #fff;
	display: inline-block !important;
	padding-top: 1rem;
}
#quick-access div {
	text-align: center;
}
#quick-access span {
	font-size: 1.4rem;
	padding: 0.5rem;
	display: block;
}
#quick-access ul {
	display: inline;
}
#quick-access p {
	padding-top: 0.2rem;
	margin-bottom: 0.4rem;
}
.circle {
	border-radius: 50%;
	border: 3px solid #fff;
}

#quick-access  li p {
	font-size: 0.7rem;
}

@media (min-width: 768px) and (min-height:728px)  { .circle { height: 110px; width: 110px; } }
@media (min-width: 768px) and (max-height:727px)  { .circle { height: 60px; width: 60px; } }
@media (max-width: 767px) and (min-height:728px)  { .circle { height: 50px; width: 50px; } }
@media (max-width: 767px) and (max-height:727px)  { .circle { height: 50px; width: 50px; } }

@media (min-width: 768px) and (min-height:728px)  {
	#quick-access span {
		font-size: 3rem;
		padding: 1.5rem;
		display: block;
	}
	#quick-access .row .col { padding-right: 10px; padding-left: 10px;}
	
	#quick-access  li p {
	font-size: 0.9rem;
	}
	#quick-access p {
	padding-top: 0.5rem;
	margin-bottom: 0.5rem;
	}
}

@media (min-width: 992px) {
	#quick-access  li p {
	font-size: 1rem;
	}
	#quick-access .row .col { padding-right: 15px; padding-left: 15px;}
}

/* -------------------------
## Zone une
--------------------------*/

.padding_alaune{
	padding: 0; margin: 0;
}

#main-content {
	max-width: inherit;
}

#zone-gauche {
	position: relative;
}
#zone-gauche .article-une {

}


/* -------------------------
## Carousel
--------------------------*/

#carouselButtons {
	position: absolute;
	float: right;
	right: 1rem;
	z-index: 1;
	padding-top: 10px;
}

.carouselButtons {
	position: absolute;
	float: right;
	right: 1rem;
	z-index: 900;
	bottom: 0
}

.carouselButtons span {
	color: #666652;
}


#zone-gauche .article-une { min-height: 252px; padding: 0 15px;}
#zone-gauche .une_image img { width: 100%; }

@media (min-width: 768px) {
	.carousel-img{overflow: hidden; height: 255px	}
	#zone-gauche .article-une { min-height: 260px;}
}

@media (min-width: 996px) {
	.carousel-img{overflow: hidden; height: 300px	}
	#zone-gauche .article-une { min-height: 180px;}
}

@media (min-width: 1200px) {
	.carousel-img{overflow: hidden; height: 380px	}
}

@media (min-width: 1400px) {
	.carousel-img{overflow: hidden; height: 420px	}
	#zone-gauche .article-une { min-height: 252px; } 
}

@media (min-width: 1700px) {
	#zone-gauche .article-une { padding: 0;} 
}

#my_carousel_b h4 {
	font-weight: 600;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
	background-color: #585858;
}
.boutons-zonegauche {
	text-align: center;
	width: 100%;
}
.boutons-zonegauche div {
	padding: 15px;
}
.boutons-zonegauche p {
	font-weight: 600;
	text-decoration: none;
	margin-top: 1rem;
}
a.ensavoirplus {
	text-decoration: none;
}

a.plusactu {
	text-decoration: none;
}
a.plusactu:hover, a.ensavoirplus:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));
	color:#ffffff;
}

#zone-gauche .categorie_une{z-index: 100; position: absolute; min-width: 160px; top:0; right: 0; text-align: right; padding: 2px 10px;}

@media (min-width: 1700px) {
	#zone-gauche .ecran_gauche{ max-width: 700px; margin: auto; }
}

#zone-droite .row {
	padding-left: 1rem;
	padding-right: 1rem;
	margin-bottom: 2rem;
	display: flex;
}

/* ## Bloc services */

#zone-droite .services {
	background-color: #fff;
	flex: unset;
	max-width: unset;
	width: 43%; 
	height: 130px; 
	margin: 0.5rem;
	display: table;
}

.services a {
	text-decoration: none !important;
	margin: auto;
}
div.services-contenu {
	text-align: center;
}
.services-contenu div {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.size-icon {
	font-size: 3rem;
}

#zone-droite div.services-contenu p { font-size: 0.85rem;}

@media (min-width: 468px) {
	#zone-droite .services {
	width: 45%; 
	}
}


@media (min-width: 768px) {
	.services p {
	font-size: 0.75rem;
	margin-top: 0.1rem;
	padding: 0 10px;
	}
	#zone-droite .services {
	width: 31%; 
	height: 165px;
	margin: 8px 1%;
	}
	
}

@media (min-width: 991px) {
	#zone-droite .services { width: 130px; height: 130px; margin: 0.7rem;}
	#zone-droite div.services-contenu span { font-size: 2.8rem;}
	#zone-droite div.services-contenu p { font-size: 0.75rem;}
	
	#zone-droite .services {
	flex: unset;
	max-width: unset;
	}
	
}

@media (min-width: 1200px) {
	#zone-droite div.services-contenu span { font-size: 3.8rem;}
	#zone-droite .services { width: 140px; height: 140px; margin: 1rem; }
	#zone-droite div.services-contenu p { font-size: 0.8rem;}
}

@media (min-width: 1400px) {
	#zone-droite div.services-contenu span { font-size: 4.8rem;}
	#zone-droite .services { width: 180px; height: 180px;  }
	#zone-droite div.services-contenu p { font-size: 1rem;}
	#zone-droite .ecran_droite{ max-width: 700px;}
	.services-contenu div {padding-top: 0.5rem; padding-bottom: 1rem;}
}

@media (min-width: 1800px) {
	#zone-droite div.services-contenu span { font-size: 5rem;}
	div .services { width: 200px; height: 200px; }
	#zone-droite .ecran_droite{ max-width: 800px;}
}



/* -- Styles de titre -- */

.titre {
	margin-top: 2rem;
	margin-bottom: 3rem;
}
.titre h2, .t-border {
	margin-left: 0;
	border-left: 10px solid ;
	padding-left: 1rem;
	padding-right: 1rem;
	font-weight: 600;
}
.titre .border_nul {
	border-left: 0px solid ;
	padding-left: 0;
}

#zone-ent h1 {
	font-weight: 600;
}
.c-titre {
	font-size: 1rem !important;
	font-weight: 400;
}

.bg_color_conseil h4, .bg_color_conseil h3 { 
	color: #FFF
}

.titre-actu {
	color: #000;
	font-weight: 800;
	font-size: 1.25rem;
}

#page-contenu_2 .ancre  {
    padding: 5px 10px 5px 10px;
	display: block;
}


#titre_principal {
    font-size: 1.4em;
    padding: 0;
}

.titre-haut { font-size: 0.8rem; padding: 0 2px; }

@media (min-width: 576px) {
	#titre_principal {
    font-size: 1.6em;
	}	
}

@media (min-width: 768px) {
	#titre_principal {
    font-size: 1.8em;
	padding: 15px;
	}	
	.titre { margin-top: 3rem; margin-bottom: 3rem;}
}

@media (min-width: 996px) {
	#titre_principal {
    font-size: 2.5em;
	}	
	.titre { margin-top: 5rem; margin-bottom: 3rem;}
}

/* - Animations et style des cards - */

.shadow-card0:hover {
	transform: scale(1.05, 1.05);
}
.shadow-card0:hover::after {
	opacity: 1;
}
.shadow-card {
	position: relative;
	display: inline-block;
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	transition: all 0.3s ease-in-out;
}
.shadow-card::after {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 5px 10px rgba(0,0,0,0.20);
	transition: opacity 0.3s ease-in-out;
	opacity: 0;
	z-index: -1;
}
.shadow-card:hover {
	transform: scale(1.05, 1.05);
}
.shadow-card:hover::after {
	opacity: 1;
}

.unstyled-card {
	border-radius: unset;
	border-color: #fff;
}
.shadow-card0 {
	position: relative;
	display: inline-block;
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	transition: all 0.3s ease-in-out;
}
div.card-text {
	font-weight: 400;
}


/* ##Zone agenda */

#zone-agenda a.bouton-plus {
	text-decoration: none !important;
	border-radius: unset;
}
#zone-agenda a.bouton-plus:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45))}

#zone-agenda .card {
	border: none;
}

#zone-agenda div.card-body {
	height: 9rem;
}
#zone-agenda div.card-footer {
	height: 4rem;
}

#zone-agenda div.containerImg {
	background-repeat: no-repeat;
    background-size: cover;
    height: 220px;
    background-position: center;
    max-width: 490px;
	max-height: 180px;

}
div.ag-date {
	font-weight: 600 !important;
}
.pdg-agenda {
	padding-bottom: 1rem;
}

.ag-cat {
	font-weight: 200;
}


/*Page agenda*/
.tribe-events-title-bar .tribe-events-page-title{display:none;}
#page-contenu_2 #agenda-page .full_ag_img { width: 100%; max-width: inherit;}
#search_ag_form { padding: 1rem 0;}
#search_ag_form #ou, #search_ag_form #select_ag, #search_ag_form #quand,  #search_ag_form #ok_recherche { height: 2.5rem;}
#search_ag_form #ok_recherche { margin: 0 20px 0 20px;}
#agenda-page .margin_b_5px { margin-bottom: 5px;}
#agenda-page .separation{ border-bottom:1px solid #B4B4B4; margin-bottom: 25px; padding-bottom: 25px;}
#agenda-page .titre_lieu{ font-weight: 400;}
#agenda-page h2 { font-weight: 300; font-size: 1.2rem; margin: 0 0 2px 0;}
#agenda-page h3{ font-weight: 400; font-size: 1.2rem; margin: 0 0 15px 0;}
#agenda-page a:hover { text-decoration: none;}
#agenda-page .espace_ag{ padding-top:12px;padding-bottom: 12px;}
#agenda-page .date{ margin-top: 40px; font-size: 1.3rem;}
#agenda-page ul li p {margin:0;}
#agenda-page .titre_ag h2{ font-weight: 400; font-size: 1.5rem; margin: 0 0 15px 0;}
#agenda-page .float-savoir {float: left;}
#agenda-page .float-localiser{ float: right;}
#agenda-page .padding-info-ag{  padding-bottom: 15px;}
#agenda-page .ad_lieu {  padding-top: 15px;}
#tribe-events-pg-template, .tribe-events-pg-template  { margin: 0 auto; max-width: 1340px !important;}
header .tribe-events-sub-nav .tribe-events-nav-previous, #tribe-events-header .tribe-events-sub-nav li{ padding-left: 18px;}
#page-contenu_2 .titre_ag h2 {padding: 0.5em 0 0 0; font-size: 1.8rem;}
#tribe-events-bar select { padding: 1px; background: #efefef; border: none;  border-radius: 3px;  color: #000; }
#tribe-events-bar .optionAg #links, #tribe-events-bar .optionAg #links_2, #tribe-events-bar .optionAg #links_3 {  width: 100%;}
#tribe-events-bar .optionAg select { background-color: #E0E0E0; width: 100%;}
header .tribe-events-sub-nav .tribe-events-nav-previous, #tribe-events-header .tribe-events-sub-nav li{ padding-left: 18px;}
#tribe-events-bar .bt_event{ padding: 0 5px 20px 5px;}	
#tribe-events-bar .tribe-bar-filters .tribe-events-button  {width: 100%; max-width: 400px; }	
#tribe-events .alignement_top_ag{  margin-top:30px;}


#page-contenu_2 #agenda-page .txt-content img { width: auto;}

@media (min-width: 576px) {
	#agenda-page .ad_lieu{ margin: 0 -15px;}
	#agenda-recherche #ok_recherche.btn { border-radius: 0 1.25rem 1.25rem 0; max-width: 70px;}	
	#search_ag_form #ok_recherche { margin: inherit;}
	#agenda-page .float-savoir {float: none; margin-bottom: 15px;}
	#agenda-page .float-localiser{ float: none;}
	
}
@media (min-width: 768px) {
	#tribe-events-bar .tribe-bar-search-filter {  width: 35.333%;}
	#tribe-events-bar .optionAg #links_2, #tribe-events-bar .optionAg #links_3 { width: 32%;}
	#agenda-page .esp_info_ag { padding-left: 10px; padding-right: 10px;}
	#agenda-page .float-savoir {float: left; margin-bottom: inherit;}
	#agenda-page .float-localiser{ float: right;}
	#agenda-page .padding-info-ag{ padding-left: 15px; padding-right: 15px;}
	
}

@media (min-width: 992px) {
	#tribe-events-bar .optionAg #links_2, #tribe-events-bar .optionAg #links_3 { width: 28%;}
}




	/* ##Zone publications */

.txt-publication{
	padding: 0 30px;
}

#zone-publications a {
	text-decoration: none !important;
}
#zone-publications a:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45))}

#zone-publications .card-body {
	height: 6.5rem;
	padding-bottom: 0.5rem;
}


#rubrique-site .espace_mag {
	padding: 2px 2px 2px 5px;
}
#zone-publications div.containerImg {
	background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    background-position: top;
    max-width: 490px;
}


#zone-publications div.containerImg_default {
	background-repeat: no-repeat;
    background-size: cover;
    height: 250px; 
    background-position: center;
    max-width: 490px;
}

#publication .espace_mag {
    padding: 0.05rem 0.75rem;
}

.spinner {
	background: url(../images/spinner-grey.svg) no-repeat center;
	width: 60px;
	height: 60px;
	background-size: 70px;
	margin: 0 auto;
	
}

.img-fit {
	width: -moz-min-content;
}
.bouton-plus {
	padding-top: 1rem;
	padding-bottom: 1rem;
	color: #fff;
	text-decoration: none;
	text-align: center;
}


.end-section {
	height: 55px;
	margin-top: 3rem;
	margin-bottom: 1rem;
}

.publication-cover {
	background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    height: 250px;
	min-height: 450px;
}

/***** ADD SPINNER AND LOADER FOR AJAX *****/
.voir-plus{
	display:none;
	margin: 0 35%;
    padding: 1% 0;
}

#view_images .voir-plus{
	margin: 0px 40%;
	padding: 1% 0;
	width:100%;
}

.voir-plus:hover{
	opacity:.7;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

    border: none;
    color: #fff;
    -webkit-filter: contrast(200%) !important;
    filter: contrast(200%) !important; }


@media (min-width: 768px) {
	.bouton-plus {
	position: absolute;
	right: 0;
	}
	.end-section {
	height: 55px;
	margin-bottom: 0;
}
}

/* -------------------------
## Style d'une page
--------------------------*/

a.fichier-pj-mobile {
	padding: 1.5rem;
	text-decoration: none;
}
.fichier-pj-mobile span {
	color: #fff;
	font-size: 1.9rem;
}
.fichier-pj-mobile p {
	color: #fff;
	font-size: 1rem;
}

.img-bg {
	width: 100%;
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
/* -------------------------
## Page rubrique
--------------------------*/
.desc {
	padding: 1.3rem 0;
}
#rbq-contenu h4 {
	font-weight: 700;
}
#rbq-contenu  {
	font-weight: 300;
	font-size: 1rem;
}
#rbq-contenu .container {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}
#rbq-contenu .card-body {
	position: absolute;
	bottom: 0;
	width: 100%;
}
#rbq-contenu a.card:hover .card-body {
	position: absolute;
	bottom: 0;
	width: 100%;
	-webkit-transform: translateY(calc(70px + 1em));
	transform: translateY(calc(-70px + 1em));
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}
#rbq-contenu a {
	text-decoration: none;
	position: relative;
	background-color: #F0F0F0;
}

#rbq-contenu .pad5 {
	padding-bottom: 15px !important;
}
	#rbq-contenu div .d-table {
		height: 348.767px !important;
	}
#rbq-contenu img.card-img-top {
	max-width: 530px;
}
#rbq-contenu div.containerImg {
	height: 270px;
	max-width: 530px;
	overflow: hidden;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media (min-width: 768px) {
	#rbq-contenu div .d-table {
		height: 408.767px;
	}
}

@media (min-width: 1280px) {

	#rbq-contenu div .d-table {
		height: 479.767px !important;
	}
	
}
/* -------------------------
## Page single
--------------------------*/


#zone-access li {
	float: right;
	font-size: 2rem;
	padding-left: 1.8rem;
}

#zone-access ul {
	padding-bottom: 2rem;
	margin-right: 2rem;
}

#page-contenu_2 img {
	max-width: 100%;
	height: auto;
}
#page-contenu_2 hr {
	border-top: 3px solid rgba(0,0,0,.1);
}
#page-contenu_2 h2 {
	font-size: 1.3rem;
	font-weight: 500;
	text-transform: none;
	padding: 0.5rem;
	margin: 0 0 1rem 0;
}

#page-contenu_2 h3 {
	font-size: 1rem;
	font-weight: 500;
}

#zone-ent {
	margin-bottom: 0.2rem;
}

@media (min-width: 768px) {
	#zone-ent {
	margin-bottom: 1rem;
	}
	
#page-contenu_2 h3 {
	font-size: 1.1rem;
	}
}

@media (min-width: 1200px) {
	#zone-ent {
	margin-bottom: 2rem;
	}
}


.zone-ent_1{
	padding-top:150px;
}

.zone-ent_2 {
	padding-top:110px;
}

#zone_rs {
	display: inline-block;
	padding-bottom: 2.5rem !important;
}
#zone-droite .actus-aside{
	margin-bottom: 30px;
}
#zone-droite .actus-aside div{
	padding-bottom: 30px;
}

#zone-droite .infos-aside div{
	padding-bottom: 0;
}

#zone-droite .actus-aside li {
	background-color:#ffffff;
	border-top-left-radius: 12px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 0;
	margin: 6px 0;
	padding: 10px 5px 10px 20px;
	float:right;
	width: 85%;
	margin-right: 9%;
}
#zone-droite .actus-aside li a {
	text-decoration: none;
	display: block;
	text-align: left;
}

#zone-droite .actus-aside li:hover {
	margin-right: 12%;
}
.bloc_prochaine div a {
	padding: 0 4px 0 4px;
	text-decoration: none;
}

.bloc_prochaine .bold_500 {
	font-weight: 500;
}

.actus-aside h5, .seance-aside h5 {
	padding: 0.7rem 0.5rem 1rem 0.5rem;
}

.infos-aside h5 {
	padding: 0.7rem 0.5rem 1rem 0;
}

#zone-seances .swp_social_panel {
	display:none;
}

.acces-enligne a, .aside-mobile a {
	border-radius: 0;
	width: 100%;
	color: #fff !important;
	border: none;
	padding: 0.7rem;
}
.acces-enligne a {
	background-color: #A0A6B2;
}
.acces-enligne span {
	font-size: 1.5rem;
	float: left;
	color: #fff !important;
}
div .acces-enligne {
	padding-top: 1rem;
}
a.fichier-pj {
	margin-top: 2rem;
	display: inline-flex;
	color: #fff !important;
	height: 12rem;
	text-decoration: none;
}
.fichier-pj div {
	margin: auto;
}
.fichier-pj span {
	font-size: 4rem;
	vertical-align: middle;
	text-align: center;
}
.fichier-pj.bg_color_2:hover {
	background-color: #278C71;
}
.fichier-pj p {
	color: #fff !important;
	font-size: 1rem;
}
#zone_rs, .icone-rs div {
	display: inline-flex;
	padding: 0.2rem;
	margin: 0.2rem;
}
.icone-rs a {
	text-decoration: none;
	width: 25px;
	height: 25px;
	text-align: center;
	vertical-align: middle;
	line-height: 25px;
}
.col-icone-rs {
	color: #fff !important;
}
#zone_rs .texte-rs {
	margin: auto;
	vertical-align: middle;
}
.texte-rs p {
	margin-bottom: unset;
}
#aside-collapse ul {
	margin-bottom: 0;
}
#aside-collapse li {
	text-align: center;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border-top: 0.3px solid #D6D7D8;
	border-bottom: 0.3px solid #D6D7D8;
}
.aside-mobile-btn {
	background-color: #B5BAC4;
}
.bloc_droite_pro_seance {width: 80%;
	margin: 28px;
	display: inline-table;
	padding: 5px;
	color: #fff;

	}
	.bloc_droite_pro_seance a{
	color: #fff !important; 
	padding-left: 0 !important;
	}
	.chevron_bloc_droite{
	    margin-left: 8px;
	}
/* -------------------------
## Page single évènement
--------------------------*/
.event-box div.row {
	border-bottom: 1px solid #fff;
}
.event-box p {
	font-weight: 200;
}

.btn-dark {
	border-radius: 14px;
}

/* -------------------------
## Page actus
--------------------------*/

.card-img-top-actu {
	background-size: 100% !important;
	background-position: center !important; 
	width: auto; 
	height: 185px;
}

/* -------------------------
## Page publications et multimédias
--------------------------*/

#publication .collection-card ul li .btn { background-color: rgba(0, 0, 0, 0.2); -webkit-transition: all .6s ease-in; -moz-transition: all .9s ease-in;  -o-transition: all .9s ease-in; transition: all .9s ease-in; border-radius: 0; border:0px; border-left: 3px solid; }
#publication .collection-card ul li .btn:hover, #categorie .btn:hover{ background-color: rgba(0, 0, 0, 0.6); -webkit-transition: background-color 1000ms linear;  -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; color: #ffffff }

#publication .card { margin-bottom:15px;}
.espace_bottom2{ margin: 1rem 0 1rem 0; }
.bloc_kiosque{ background-color: #e4e3e2; color: #404040; height: 19.4rem; margin-bottom: 2rem;}
.esp_publication { padding: 0 0 2rem; }
.txt_kiosque{position: absolute; right: 20px; top: 60px; z-index: 2;}
.img_kiosque{  margin: 8px 0 30px 7%; max-width: 170px; transform: skew(-10deg, 10deg); -webkit-box-shadow: 4px 2px 6px 2px #918a8a; -moz-box-shadow: 4px 2px 6px 2px #918a8a; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=2, Color='#918a8a', Positive='true'); zoom:1; box-shadow: 4px 2px 6px 2px #918a8a;}
.bloc_kiosque h3 { color: #454545; display: block; font-size: 19px; margin-bottom: 15px; padding: 10px 0 10px 5px;}
.bloc_kiosque .mag_n1{ font-weight: 300; font-size: 1.4em; color: #404040; margin: 0; padding: 1px 5px 1px 5px; text-align: right; background-color: #ffffff;}
.bloc_kiosque .mag_n2{ font-size: 1.6em; font-weight: 500; margin: 0 15px 50px; padding: 0;  text-align: right;}
#zone_multimedias .nav-link { display: block; padding: 0.5rem 0.5rem; font-size: 0.85rem;}
#zone_multimedias .bordure_img{ margin: 0 0 15px 0;}
#zone_multimedias .embed-responsive .embed-responsive-item, #zone_multimedias .embed-responsive 
#zone_multimedias .zone_clic, #zone_multimedias .bloc_kiosque img{  -webkit-transition: all .6s ease-in; -moz-transition: all .9s ease-in;  -o-transition: all .9s ease-in; transition: all .9s ease-in; }
#zone_multimedias .zone_clic:hover, #zone_multimedias .bloc_kiosque img:hover { transform: scale(1.1); box-shadow: 3px 3px 8px 0px #9b9b9b;}
#zone_multimedias .marg {float: right; margin-bottom: 10px; }


#publication .view, #categorie_galerie .view  { position: relative; overflow: hidden; cursor: default; }
#publication .view img, #categorie_galerie .view img  { position: relative; display: block; width: 100%;}
#publication .zoom img, #categorie_galerie .zoom img { -webkit-transition: all .2s linear; transition: all .2s linear;}
#publication .collection-card:hover img, #categorie_galerie .zoom:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

#publication .nav-justified .nav-item {
	padding: 0 15px 30px 15px;
}
#view_mag .espace_bottom2{
	margin: 0 0 30px 15px;
}
#publication .container, #publication {
	padding: 0;
}


@media (min-width:1200px) {	
	#zone_multimedias .zone-nav-tab{ padding-left: 30px}
}
.btn-label-publi {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled-publi {padding-top: 0;padding-bottom: 0;}
.btn-l-publi { margin-bottom:10px; }
.img-fluid-t{  margin-bottom: 30px; max-width: 100%; }

/* -------------------------
## Video sommaire et page vidéo
--------------------------*/
.embed-container {
    background: #000000;
	position: absolute;
	top: -80px; right: 0; bottom:0; left:0;
	z-index: -99;
	height: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	pointer-events: none;
	
}



@media (min-width: 375px) and (min-height: 667px) {
	.embed-container {
	top: 0px; 
	}
}


@media (min-width:992px) and (min-height:768px) {	
	.embed-container {
	top: -60px; 
	}
}

@media (min-width:1200px) {	
	.embed-container {
	padding-bottom: 56.25%;
	}
}



.embed-container iframe .np_dialog-body{
    display: none !important;
}
.embed-container iframe .np_PlayerCustom {
    z-index: 90 !important;
}
#page-video .padding_bottom15  {
	padding-bottom: 15px;
}
#page-video .view_pub  {
    border:1px solid #d2d2d2;
	padding: 15px;
}

#page-video .descriptif_tv h2 {
    font-size: 1.1em; 
	padding: 0;
	margin-bottom: 0.2em;
}

#page-video .descriptif_tv .content-video {
	font-size: 0.8em;
	font-weight: 400;
}

#page-video .listing_video{
	display: inline-block;
	vertical-align: top;
	max-width: 292px;
	width: 48.3%;
}

#page-video .video_cat_img{
	border: solid 2px #ffffff;
}

#page-video .video_cat_txt{
	font-size: 0.75em;
}

@media (min-width:768px)  {
	#page-video .listing_video{
	width: 32.3%;
	}
}

@media (min-width:992px)  {	
	#page-video .descriptif_tv h2 {
    font-size: 1.3em; 
	margin-bottom: 0.4em;
	}
	#page-video .descriptif_tv .content-video {
	font-size: 1em;
	}
	#page-video .listing_video{
	width: 24.3%;
	}
	#page-video .video_cat_txt{
	font-size: 0.9em;
	}
}

@media (min-width:1200px)  {
	#page-video .listing_video{
	width: 16.3%;
	}
	#page-video .video_cat_txt{
	font-size: 0.95em;
	}
}

/* -------------------------
## Page agenda
--------------------------*/

div #zone-catAg {
	display: inline-flex;
	width: 100%;
	margin: auto;
	padding: 1rem;
}
#search-ag {
	height: 3rem;
	border: none;
	border-radius: 8.5rem;
	background-color: #DBDBDB;
	padding-left: 2.9rem;
	width: inherit;
	font-size: 0.9rem;
}
.date-ag {
	height: 3rem;
	border: none;
	width: inherit;
	padding-left: 1.6rem;
}
#zone-catAg span {
	position: absolute;
	padding-left: 0.9rem;
	vertical-align: middle !important;
	padding-top: 0.7rem;
}
.input-wrapper {
	display: inline;
}
.desc-Ag {
	background-color: #F0F0F0;
}
.desc-wrapper {
	padding: 1rem;
}
.desc-wrapper h3 {
	font-weight: 500;
}

#page-contenu_1 #zone-Ag #card img {
	width: 270px;
	height: 215px;
}
#page-contenu_1 #zone-Ag #line img {
	/*width: 280px;*/
	height: 215px;
}
#zone-Ag img {
	width: 100%;
}

#zone-Ag h5, #zone-Ag h6 {
	font-size: 15px;
}
#zone-Ag h5 {
	font-weight: 700;
}
#zone-Ag h6 {
	font-weight: 300;
}
#zone-Ag a {
	text-decoration: none !important;
}
div.info-Ag {
	padding-left: 0!important;
	padding-right: 0!important;
}
.desc-wrapper h3 {
	font-size: 1.4rem;
}
.desc-wrapper p {
	font-size: 0.89rem;
}
/* -------------------------
## Page agenda v2
--------------------------*/

.ag-bl {
	position: absolute;
	color: #fff;
	right: 0;
	box-shadow: -5px 4px 4px #62626233;
}
.bl-m {
	background-color: #BC8507;
	margin-bottom: 0;
	padding: 0.5Rem;
	font-weight: 700;
	font-size: 1.5rem;
	margin: auto;
}
.bl-j {
	background-color: #EABD55;
	margin-bottom: 0;
	padding: 0.5rem;
	font-weight: 700;
	font-size: 1.5rem;
	padding-left: 1rem;
}
/* -------------------------
## Page conseil municipal
--------------------------*/

#zone-conseil h3 {
	font-size: 1.5rem;
}
#zone-conseil a {
	text-decoration: none;
}
#maire {
	padding-bottom: 2.5rem;
}
#maire img {
	height: auto;
	max-width : 275px;
	width: 100%;
}

.suiv-pre  { overflow: hidden ; margin-bottom: 15px;}	
.next_post{float: right;} 
.chevron_prev_next{ margin: 10px;}
.chevron_down{font-size: 12px;float: right; margin-top: 8px;}
.t{ position: relative; }
	
/* -------------------------
## Page compte-rendu
--------------------------*/

.bloc-seance {
	margin: 0 0 30px 0;
	/*border-bottom: 1px solid #fff;*/
	display: inline-block;
	vertical-align:middle;
	width: 100%;
}

#zone-seances .titre-seances {
	text-decoration: none;
	height: 107px;
	overflow: hidden;
}

.titre-seances h4 {
	font-size: 0.8rem;
}
.titre-seances h3 {
	font-size: 1rem;
}

#zone-seances a {
	width: 100%;
}
a.panel-heading {
	color: #fff !important;
}
#zone-cr ul {
	padding: 2rem 3rem;
}
#zone-cr li {
	padding: 0.5rem 0;
}
#zone-cr .panel-heading span {
	text-align: center;
	margin: auto;
	font-size: 2rem;
}
#zone-cr .panel-body {
	background-color: #EBEBEB;
}

@media (min-width: 400px) {
	.titre-seances h4 {
	font-size: 0.9rem;
	}	
	.bloc-seance {
	width: 48.5%;
	}
	
	#zone-seances .titre-seances {
	height: 130px;
	}
}

@media (min-width: 800px) {	
	.bloc-seance {
	margin: 0 1% 30px 0;
	}
	.titre-seances h3 {
	font-size: 1.1rem;
	}
	#zone-seances .titre-seances {
	height: 115px;
	}
}

@media (min-width: 1200px) {	
	.titre-seances h3 {
	font-size: 1.2rem;
	}
	#zone-seances .titre-seances {
	height: 105px;
	}
}
/* -------------------------
## Page plan du site
--------------------------*/

#zone-arbo a {
	background-color: #fff;
}
#rbq-contenu #zone-arbo div.d-table {
	height: auto !important;
}
#zone-arbo .card-text li, #zone-arbo .card-text i {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
/* -------------------------
## Page RSS
--------------------------*/

#zone-cr h4 {
	font-size: 1.2rem;
}
/* -------------------------
## Page galerie
--------------------------*/

#zone-galerie h5 {
	font-size: 0.8rem;
}
#zone-galerie p {
	font-size: 0.8rem;
}
#zone-galerie a.card:hover .card-body {
	-webkit-transform: none;
	transform: none;
	transition: none;
}
.overlay-galerie {
	content: '';
	width: 100%;
	background-color: #fff;
	z-index: 0;
	position: absolute;
	top: 0;
	opacity: 0;
	height: 100%;
}
.overlay-galerie:hover {
	opacity: 0.5;
}

.bord-galerie{
	max-width: 100%;
	margin: 0 0 10px 0;
}

html.lb-disable-scrolling {
  overflow: hidden;
  position: fixed;
  height: 100vh;
  width: 100vw;
}
#lightbox{
	position: absolute;
	top: 160px;
	left: 0;
	width: 100%;
	z-index: 99999;
	text-align: center;
	line-height: 0;
	color:#151410;
	}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#fff;
}
.slideshow_control{
	border-bottom:none;
	color:#fff;
	float: right;
}
#test{
	position: absolute;
	width: auto !important;
	min-height: 30px;
	margin-top: 10px;
	border-radius: 3px;
}
#title{
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 10px;
    color: #fff;
    position: relative;
    float: left;
}

#lightbox a img{ border: none; }

img#lightboxImage{ max-width: 100%; width: 100% !important; height: auto !important;}

#outerImageContainer{
	font-size: 1em !important;
	position: relative;
	height: auto;
	margin: 0 auto;
	width: 100% !important;
	max-width: 992px !important;
	}

#imageContainer{
	border: 0px solid;
	border-color: var(--main-bg-color_0);
	border-radius: 3px;	
	} 

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url("images/loading.gif") center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: -60px;
	height: 100%;
	width: calc(100% + 120px);
	z-index: 10;
	}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background: transparent url("images/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg { background: url("images/prevlabel.png") left 55% no-repeat; }
#nextLinkImg { background: url("images/nextlabel.png") right 55% no-repeat; }


#imageDataContainer{
	margin: 0 auto;
	color: #fff;
	line-height: 1.4em;
	width: 100% !important;
	max-width: 992px !important;
	}

#imageData{
	padding:0 10px; height: 25px;
	}
#imageDetails{ width: 70%; float: right;}	
#caption{ font-weight: bold;}
#numberDisplay{ display: none; clear: left; }			
#detailsNav{ display: block; clear: left;}	
#prevLinkDetails { margin:0 8px 0 0; }		
#nextLinkDetails { margin:0 8px 0 0; }		
#closeLink {
	position: absolute;
	display:block;
	margin:-10px;
	padding:0 0 10px 0;
	text-decoration:none;
	width:66px;
	height:28px;
	background:url("images/closelabel.png") no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9998;
	width: 100%;
	height: 500px;
	background-color: #151410;
	filter:alpha(opacity=90);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

@media (max-width: 1260px) {
	#hoverNav{
	width: 100%;
	left: 0;
	}
}
	
/* -------------------------
## Page recherche
--------------------------*/
.searchPage {
	border-radius: 50px;
	border: none !important;
	padding: 0.3rem 1rem;
	width: inherit;
}
div.desc-search {
	padding: 2rem;
	background-color: #F7F7F7;
	margin: 1rem;
}

/* -------------------------
## Page 404
--------------------------*/

#content_404 h4 {
	text-transform: initial;
	font-size: 1rem;
}

div#content_404 {
	height: 62vh;
}

/* --------------------------
## RESPONSIVE - MEDIA QUERIES
---------------------------*/



.social-circle li a { width: 35px; height: 35px; font-size: 18px;}



@media (min-width: 991.98px) {
	div.bloc-droite { margin-bottom: 4rem; max-width: 320px;}
}


/* --- # Mes services --- */
	
	
	#zone-droite span.size-icon {
		font-size: 2.7rem;
	}
	.pad5 {
		margin-bottom: 15px;
	}
/* --- # Icones réseaux sociaux --- */
	.social-circle li a {
		width: 27px;
		height: 27px;
		font-size: 16px;
	}

	.social-circle li i {line-height: 26px; }
	
	.pdg-section {
		cursor: pointer;
		}
	.pdg-section div {
		min-height: 40px;
		padding-right: 6.5px;
		padding-left: 6.5px;
	}
	/* --- # Agenda en page d'accueil--- */

	#zone-agenda div.row.pdg-section {
		padding: 0 1rem !important;
	}
	/* --- # Publications en page d'accueil --- */

	#zone-publications div.row.pdg-section {
		padding: 0 1rem !important;
	}
	/* --- # Page rubrique --- */

	#rbq-contenu h4 {
		font-size: 0.90rem;
	}
	#zone-ent p {
		font-size: 0.8rem;
	}

	#zone-ent .chapo {
		font-size: 1.3rem; font-weight: 300;
	}
	#zone-ent h1 {
		font-size: 1.6rem;
	}

	.p_Ag .container {
		max-width: 875px !important;
	}
	/* --- # Page compte-rendu --- */

	#zone-seances a {
		font-size: 0.7rem;
	}
	/* --- # Page conseil municipal --- */
	

	#zone-conseil p {
		font-size: 0.8rem;
	}
	
	/* --- Page plan du site --- */	

	#zone-arbo .pdg-section div, #zone-galerie div.overlay-container {
		padding-right: 0!important;
		padding-left: 0!important;
	}

@media (max-width: 991.98px) and (min-width: 768px) {
	div#contenu-cm {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (max-width: 768px) and (min-width: 576px) {
	#rbq-contenu .col-md-4 {
		width: 80%;
		margin: auto;
	}
}

@media (max-width: 791px) {
	.size-icon {
		font-size: 2.5rem;
	}
}

@media (max-width: 768px) {
	
	.services a {
		margin: auto;
	}
	div .actus-aside {
		display: none;
	}
	div .fichier-pj {
		display: none;
	}
	div .acces-enligne {
		padding-top: 0;
	}
	.acces-enligne span {
		display: none;
	}
	div .cat-group1 {
		display: block;
		width: 100%;
	}
	div.cs-select {
		min-width: 100% !important;
	}
	div #zone-catPub {
		display: block;
	}
	div .cat-group2 {
		display: inline-block;
		padding-left: 4.6rem;
		width: 77%;
		max-width: unset !important;
	}
	.cs-select {
		height: 2rem;
		line-height: 2;
	}
	.date-ag {
		height: 2rem;
	}
	div.img-Ag {
		min-height: 334px;
	}
	#zone-seances a {
		font-size: 0.7rem;
	}

	div.bloc-seance {
		width: 48.5%; margin: 0 1% 30px 0;
	}
	/* --- # Annule l'effet d'animation sur format tablette/mobile et reset la hauteur --- */

	#rbq-contenu a.card:hover .card-body {
		position: absolute;
		bottom: 0;
		width: 100%;
		-webkit-transform: none;
		transform: none;
		transition: none;
	}
	#rbq-contenu .card-body {
		height: 7rem;
		margin-bottom: 0;
	}
	.bloc-droite, div#page-contenu_2 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	div#contenu-cr {
		padding-right: 15px !important;
	}
	/* --- # Page recherche --- */
	.btn-small {
		font-size: 0.75rem;
		padding-left: 8.8px;
		padding-right: 8.8px;
	}
	/* -- Zone publications -- */	
	#zone-publications div.containerImg {
		height: 400px;	
	}
	#zone-publications div.containerImg_default {
		height: 400px;	
	}
}

@media (min-width: 768px) {
	.actus-aside-mobile {
		display: none;
	}
	.fichier-pj-mobile {
		display: none;
	}
	#rbq-contenu div .d-table {
		height: 408.767px;
	}
	.acces-enligne {
		padding-bottom: 5rem;
	}
}

.carousel-inner .carousel-item {
  transition: -webkit-transform 4s ease;
  transition: transform 4s ease;
  transition: transform 4s ease, -webkit-transform 4s ease;
}


@media (max-width: 480px) {
	#zone-ent p {	font-size: 0.75rem; }
	#my_carousel_b p { font-size: 0.95rem; }
	#my_carousel_b h4 { font-size: 1.2rem; }
	/* --- # Mise en page mobile pour la page single --- */
	.desc { padding: 2rem 0;}
	div .t-border { margin-left: 0; padding-left: 0 ; padding-right: 0; border-left: none;}
	.t-border-mobile { margin-left: 0; padding-left: 1rem; padding-right: 1rem;}
	.desc-text { margin-left: 1.6rem;}
	#zone_rs, .icone-rs div { display: inline-block; }
	div .texte-rs { padding: 0; margin: 0 !important; }
	div .icone-rs { display: inline-flex; padding-top: 1Rem; padding-left: 0;}
	/* --- # Mise en page mobile pour la page publciations --- */
	div #zone-catPub { width: 100%; }
	/* --- # Mise en page pour la page agenda --- */
	div.img-Ag { min-height: 176px; }
	.desc-wrapper p { display: none;}
	/* --- # Mise en page pour la page agenda --- */
	.desc-search p { display: initial;}
	/* --- # Réduction de la taille des titres dans la page flux rss --- */	
	#zone-cr h4 {font-size: 1.15rem;}
	#zone-publications div.containerImg	{ height: 300px;}
	#zone-publications div.containerImg_default	{ height: 300px;}
}

/* --- # Layout responsive page single --- */

@media (min-width:360px) {
	#page-contenu_0 .container, #page-contenu_2 .container, #rbq-contenu .container {max-width: 490px;}
}

@media (min-width: 480px) {
	#page-contenu_2 .container, #rbq-contenu .container { max-width: 557px;}
	#page-contenu_0 .container { max-width: 587px;}
}

@media (min-width: 576px) {
	#page-contenu_2 .container, #rbq-contenu .container { max-width: 737px;}
	#page-contenu_0 .container {max-width: 880px;}
}
@media (min-width: 768px) {
	#page-contenu_2 .container, #rbq-contenu .container {max-width: 920px;}
	#page-contenu_0 .container, #zone-footer .container {max-width: 980px;}
}

@media (min-width: 991.98px) {
	#page-contenu_2 .container, #rbq-contenu .container {max-width: 1180px;}
	#page-contenu_0 .container, #zone-footer .container {max-width: 1280px;}
}

@media (min-width: 1200px) {
	#page-contenu_2 .container, #rbq-contenu .container {
		max-width: 1330px;
	}
	#page-contenu_0 .container, #zone-footer .container, #rbq-contenu .container {
		max-width: 1380px;
	}
	#zone-agenda div.containerImg {
		min-height: 280px;
	}
	#zone-publications div.containerImg {
		min-height: 450px;
	}
	#zone-publications div.containerImg_default {
		min-height: 450px;
	}
}

@media (min-width: 1200px) and (max-width: 1400px) {
	#page-contenu_0 .container, #zone-footer .container {
		max-width: 1438px;
	}
}

@media (min-width: 1400px) {
	#page-contenu_2 .container, #rbq-contenu .container {max-width: 1692px;}
	#page-contenu_0 .container, #zone-footer .container, #rbq-contenu .container {max-width: 1692px;}
	.mw-90 {max-width: 1880px;}
	#zone-agenda div.d-table, #zone-publications div.d-table {padding: 0 30px;}
}

/*conf wordpress*/
b, strong { font-weight: 600;}

/* WP images class */
.txt-content img  {max-width: 100%; height: auto;}
.txt-content .aligncenter {display: block; margin-left: auto; margin-right: auto; max-width: 100%;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; max-width: 100%;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; max-width: 100%;}
img.alignright  {display: block; margin-left: auto; margin-right: auto; max-width: 100%;}
img.alignleft  {display: block; margin-left: auto; margin-right: auto; max-width: 100%;}
.txt-content .alignright  {display: block; margin-left: auto; margin-right: auto; max-width: 100%;}
.txt-content .alignleft  {display: block; margin-left: auto; margin-right: auto; max-width: 100%;}
a img.alignright  {display: block; margin-left: auto; margin-right: auto; max-width: 100%;}
a img.alignleft   {display: block; margin-left: auto; margin-right: auto; max-width: 100%;}


.wp-caption { background: #fff; border: 0 solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone { margin: 5px 20px 20px 0;}
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text {font-size: 0.85rem; line-height: 17px; margin: 0; padding: 0 4px 5px; color:#595959;}

@media (min-width: 576px) {
img.alignright {float:right; margin:0 0 1em 1em; max-width: 100%;}
img.alignleft {float:left; margin:0 1em 1em 0; max-width: 100%;}
.txt-content .alignright {float:right; margin:0 0 1em 1em; max-width: 100%;}
.txt-content .alignleft {float:left; margin:0 1em 1em 0; max-width: 100%;}
a img.alignright {float:right; margin:0 0 1em 1em; max-width: 100%;}
a img.alignleft {float:left; margin:0 1em 1em 0; max-width: 100%;}
.wp-caption.alignleft { margin: 5px 20px 20px 0; float:left; text-align: left; }
.wp-caption.alignright {  margin: 5px 0 20px 20px;  float:right; text-align: right;}
}



/*Bandeaux urgences*/


.hide{ display: none }
.bandeaux{
    margin-right: 0;
    background-color: red;
    border-bottom: 5px solid  rgba(0, 0, 0, 0.190);
    border-top: 5px solid  rgba(0, 0, 0, 0.190);
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 15px 0 0 0 ;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.bandeauxH_1{
	top:145px;
}

.bandeauxH_2{
	top:95px;
}

.bandeau_icone{
    height: 100%;
    text-align: center;   
    margin: auto; 
    color: #fff;
    float: left;
}
/* } */
.bandeau{
    border-radius: unset;
    background-color: red;
    margin-bottom: -5px; 
    text-align: left;
    color: #fff;
}

.icone_urgence{
	display: none;
}
.message{
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: left;
    color: #fff;
    display: inline-block;
    max-width: 990%;
    vertical-align: top;
    width: 100%;
}
.message .titre_urgence {margin-bottom: 30px; font-size: 1.5em; font-weight: 500; }
.message .titre_urgence span{border-bottom: 2px solid #ffffff; }

.message a { text-decoration: underline; font-weight: 500; color: #ffffff;}


@media (min-width: 780px){
    .icone_urgence { font-size: 7em; display: inline-block; margin: 10px 0 5px 0; vertical-align: top; line-height: inherit; height: 100%;  width: 100%; }
    .message{  width: 70%;  }
    .icone_urgence{ width: 18%; margin: 45px 6% 5px 2%;}
}

@media (min-width: 968px){
    .icone_urgence{ width: 10%; margin: 45px 5% 5px 1%;}
	.message .titre_urgence {font-size: 1.9em;}
}

@media (min-width: 1200px){
    .message{  width: 80%;  }
}

#bandeau_close.close{
    margin-left: 46%;
    margin-top:  10px;
    position: absolute;
    right: 0;
    top: 0;
}

/********************* TABLEPRESS PLUGIN TABLEAU ****************************/

.txt-content .tablepress tfoot th, .txt-content .tablepress thead th {
    background-color:transparent;
	font-weight: 600;
}
.txt-content .tablepress .sorting:hover, .txt-content .tablepress .sorting_asc, .txt-content .tablepress .sorting_desc {
    background-color: #DADADA;
}

	
/*reseaux sociaux*/
.swp_social_panel .total_sharesalt{ margin: 0 !important; padding: 0 !important; }
.swp_social_panel:not(.swp_social_panelSide) .total_shares.total_sharesalt .swp_count { min-width: 55px !important;}