/* CSS Document */
:root {
  	--couleurune: #b25966;
  	--couleuractualites: #868d79;
  	--couleuragenda: #80a5ba;
  	--couleurpartie20: #E3C62C;
  	--couleurpartie00: #80a5ba;
  	--couleurpartie00a: #80a5ba;
  	--couleurpartie00b: #7495A8;
  	--couleurpartie00c: #607B8B;
  	--couleurpartie00d: #4C616E;
  	--couleurpartie00e: #384751;
  	--couleurpartie00f: #80A5BA;
  	--couleurpartie01: #868d79;
  	--couleurpartie01b: #585D50;
  	--couleurpartie01c: #3D4037;
  	--couleurpartie01d: #ABB49B;
    --couleurpartie02: #c6b6be;
  	--couleurpartie02b: #9f9399;
  	--couleurpartie03: #b25966;
    --couleurpartie03b: #83424B;
  	--couleurpartie04: #50231a;
  	--couleurpartie04b: #672e26;
  	--couleurpartie05: #a496bd;
  	--couleurpartie06: #E3C62C;
  	--couleurpartie99: #E3C62C;
  	--largeurfondarticle: 740px;
  	--largeurfondfooter: 960px;
}

.moduletable.troisactus {
	display: initial;
}
.moduletable.troisactus.mobile {
	display: none;
}

html {
	scroll-behavior: smooth;
	transition-duration: 3s;
}
body {
  position: relative;
}
.container {
	height: inherit;
	/*background-image: url(../../../../../images/template/fond-01.jpg);
	background-size: cover;
  	background-attachment: fixed;
  	padding: 0 0 1px;*/
  overflow: hidden;
}
.remonter {
  z-index: 9999;        /* [facultatif] au dessus du reste */
  position: absolute;
  top: 0;
  right: 0;           /* décalage à droite */
  bottom: 0;            /* occupe toute la hauteur du référent */
  pointer-events: none; /* ne prend pas l'événement du pointer */
}
.remonter a {
  display: block;       /* pour prise en compte sticky */
  position: sticky;     /* positionnement « adhérent » */
  top: 80vh;            /* position d'affichage fixe */
  margin-top: 100vh;    /* pour masquer verticalement au départ */
  font-size: 2em;       /* pour bien le voir */
  pointer-events: auto; /* reprend l'événement du pointer */
  color: #fff;
}
.remonter a::after {
	content: '';
	background-color: var(--couleurpartie01);
	display: inline-block;
	width: 32px;
	height: 54px;
	position: relative;
	right: 23px;
	z-index: -1;
	top: 13px;
	border-radius: 2px 15px;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.page00 .remonter a::after {
	background-color: var(--couleurpartie00);
}
.page01 .remonter a::after {
	background-color: var(--couleurpartie01);
}
.page02 .remonter a::after {
	background-color: var(--couleurpartie02);
}
.page03 .remonter a::after {
	background-color: var(--couleurpartie03);
}
.page04 .remonter a::after {
	background-color: var(--couleurpartie04);
}

/* bandeau noir top */
#mod-custom160 {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	margin: 0;
	padding: 0;
}
#mod-custom160 p {
	margin: 0;
}
#mod-custom160 a {
	padding: 8px 20px;
	display: block;
	color: #f6ae35;
}
#mod-custom160 a:hover {
	background-color: #f6ae35;
	color: #fff;
}
#mod-search-searchword93 {
	font-size: 12px;
	letter-spacing: 0.12em;
	padding: 6px 8px;
	border-bottom: solid 4px #ccc;
	background-color: #444;
	color: #ccc;
	border-radius: 0;
}
.form-inline {
	margin: auto;
}
#mod-custom98 {
	color: #fff;
	text-align: right;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	margin: 0;
	padding: 5px 20px;
}
#mod-custom98 p {
	padding: 0;
	margin: 0;
}
main {
	display: block;
	width: 100%;
}

/* fil d'ariane */



/****************************************************** menu ******************************************************/
.dj-megamenu-clean {
	height: 76px !important;
  	align-items: baseline !important;
}
.moduletable.menusverrieres {
	max-width: 1200px;
	margin: auto;
	display: flex;
	justify-content: center;
}
.moduletable.menusverrieres ul {
	/*display: flex;
	justify-content: center;*/
}
.dj-up_a.menu00.couleurmenu00 {
	height: 72px;
	max-width: 126px;
	text-align: center;
}
.dj-up_a.menu01.couleurmenu01 {
	height: 72px;
	max-width: 126px;
	text-align: center;
}
.p00accueil .dj-up_a.menu03.couleurmenu03 {
	max-width: 250px;
	text-align: center;
	height: 72px;
}
.dj-up_a.menu03.couleurmenu03 {
	max-width: 254px;
	text-align: center;
	height: 72px;
}
.moduletable.menusverrieres a {
	font-family: 'Gotham';
	font-size: 18px !important;
	line-height: inherit;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	font-weight: 500;
  	font-style: normal;
	text-transform: uppercase;
}
.name::before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	background-color: #868d79;
	margin: 0 auto 10px;
	border-radius: 3px;
	transform: rotate(45deg);
  	transition: all 0.2s ease-in-out;
}
.name:hover::before {
	transform: rotate(225deg);
}
.menu99 .dj-icon {
	font-size: 24px !important;
}
.couleurmenu00 .name::before {
	background-color: var(--couleurpartie00);
}
.couleurmenu01 .name::before {
	background-color: var(--couleurpartie01);
}
.couleurmenu02 .name::before {
	background-color: var(--couleurpartie02);
}
.couleurmenu03 .name::before {
	background-color: var(--couleurpartie03);
}
.couleurmenu04 .name::before {
	background-color: var(--couleurpartie04);
}
.dj-up_a.menu99 {
	border-right: solid 1px var(--couleurpartie01);
}
.moduletable.menusverrieres li a:hover.menu20, .dj-up_a.active.menu20 {
	background-color: var(--couleurpartie20);
	border-bottom: none;
	padding-bottom: 5px;
	border-radius: 0 20px;
}
.moduletable.menusverrieres li:hover .menu00.dj-up_a,
.moduletable.menusverrieres li.hover .menu00.dj-up_a,
.moduletable.menusverrieres li.active .menu00.dj-up_a {
	background-color: inherit;
	border-bottom: solid 5px var(--couleurpartie00);
	color: var(--couleurpartie00);
  	text-shadow: inherit;
}
.moduletable.menusverrieres li:hover .menu01.dj-up_a,
.moduletable.menusverrieres li.hover .menu01.dj-up_a,
.moduletable.menusverrieres li.active .menu01.dj-up_a {
	background-color: inherit;
	border-bottom: solid 5px var(--couleurpartie01);
	color: var(--couleurpartie01);
  	text-shadow: inherit;
}
.moduletable.menusverrieres li:hover .menu02.dj-up_a,
.moduletable.menusverrieres li.hover .menu02.dj-up_a,
.moduletable.menusverrieres li.active .menu02.dj-up_a {
	background-color: inherit;
	border-bottom: solid 5px var(--couleurpartie02);
	color: var(--couleurpartie02);
  	text-shadow: inherit;
}
.moduletable.menusverrieres li:hover .menu03.dj-up_a,
.moduletable.menusverrieres li.hover .menu03.dj-up_a,
.moduletable.menusverrieres li.active .menu03.dj-up_a {
	background-color: inherit;
	border-bottom: solid 5px var(--couleurpartie03);
	color: var(--couleurpartie03);
  	text-shadow: inherit;
}
.moduletable.menusverrieres li:hover .menu04.dj-up_a,
.moduletable.menusverrieres li.hover .menu04.dj-up_a,
.moduletable.menusverrieres li.active .menu04.dj-up_a {
	background-color: inherit;
	border-bottom: solid 5px var(--couleurpartie04);
	color: var(--couleurpartie04);
  	text-shadow: inherit;
}
.moduletable.menusverrieres li:hover .menu99.dj-up_a {
	background-color: inherit;
  	/*border-bottom: solid 5px var(--couleurpartie99);*/
	color: var(--couleurpartie01);
	padding-bottom: 5px;
}
.moduletable.menusverrieres li.active .menu99.dj-up_a {
	background-color: inherit;
  	/*border-bottom: solid 5px var(--couleurpartie99);*/
	color: #000;
	padding-bottom: 5px;
}
/*************************************** sous-menu ***************************************/
.dj-megamenu-clean li ul.dj-submenu > li > a {
	font-family: 'Caviar Dreams', sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 14px !important;
}
.dj-submenu .name::before {
	content: none;
}
.dj-megamenu-clean li div.dj-subwrap .dj-subwrap-in {
	background-color: #ffffff !important;
	border-radius: 0 40px 0 40px;
  	box-shadow: 0 0 2px rgba(0,0,0,0.2);
  	overflow: hidden;
}
.dj-megamenu-clean li ul.dj-submenu > li:hover > a,
.dj-megamenu-clean li ul.dj-submenu > li.active > a {
	text-shadow: none !important;
}
.dj-megamenu-clean li:nth-child(3) .dj-subwrap-in {
	border-left: solid 10px var(--couleurpartie00);
}
.dj-megamenu-clean li:nth-child(4) .dj-subwrap-in {
	border-left: solid 10px var(--couleurpartie01);
}
.dj-megamenu-clean li:nth-child(5) .dj-subwrap-in {
	border-left: solid 10px var(--couleurpartie02);
}
.dj-megamenu-clean li:nth-child(6) .dj-subwrap-in {
	border-left: solid 10px var(--couleurpartie03);
}
.dj-megamenu-clean li:nth-child(7) .dj-subwrap-in {
	border-left: solid 10px var(--couleurpartie04);
}
.dj-megamenu-clean .active.sousmenu00, .dj-megamenu-clean .sousmenu00:hover {
	background: var(--couleurpartie00) !important;
	color: #fff !important;
}
.dj-megamenu-clean .active.sousmenu01, .dj-megamenu-clean .sousmenu01:hover {
	background: var(--couleurpartie01) !important;
	color: #fff !important;
}
.dj-megamenu-clean .active.sousmenu02, .dj-megamenu-clean .sousmenu02:hover {
	background: var(--couleurpartie02) !important;
	color: #fff !important;
}
.dj-megamenu-clean .active.sousmenu03, .dj-megamenu-clean .sousmenu03:hover {
	background: var(--couleurpartie03) !important;
	color: #fff !important;
}
.dj-megamenu-clean .active.sousmenu04, .dj-megamenu-clean .sousmenu04:hover {
	background: var(--couleurpartie04) !important;
	color: #fff !important;
}
.dj-megamenu-clean .arrow {
	top: 75% !important;
}
.dj-megamenu-clean li.dj-up:hover > a .arrow, .dj-megamenu-clean li.dj-up:focus > a .arrow {
	top: calc(75% + 4px) !important;
}

/*************************************** view-category main ***************************************/
.view-category.layout-blog .main::before {
	content: "";
	display: block;
	width: 48px;
	height: 58px;
	position: absolute;
	left: -24px;
	top: -29px;
	border-radius: 0px 20px;
}
.view-category.layout-blog .main {
	background-color: rgba(255,255,255,0.95);
	padding: 40px 40px 80px;
	max-width: 660px;
	margin: 120px auto;
	border-radius: 0 80px;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	position: relative;
}
.view-category.layout-blog .main::after {
	content: "";
	display: block;
	width: 48px;
	height: 58px;
	position: absolute;
	/* left: calc(var(--largeurfondarticle) - 24px); */
	bottom: -29px;
	border-radius: 0px 20px;
	right: -24px;
}
.view-category.layout-blog.page00 .main::before,
.view-category.layout-blog.page00 .main::after {
	background-color: var(--couleurpartie00);
}
.view-category.layout-blog.page01 .main::before,
.view-category.layout-blog.page01 .main::after {
	background-color: var(--couleurpartie01);
}
.view-category.layout-blog.page02 .main::before,
.view-category.layout-blog.page02 .main::after {
	background-color: var(--couleurpartie02);
}
.view-category.layout-blog.page03 .main::before,
.view-category.layout-blog.page03 .main::after {
	background-color: var(--couleurpartie03);
}
.view-category.layout-blog.page04 .main::before,
.view-category.layout-blog.page04 .main::after {
	background-color: var(--couleurpartie04);
}
.view-category.layout-blog.page99 .main::before,
.view-category.layout-blog.page99 .main::after {
	background-color: var(--couleurpartie99);
}
.page .com-content-category-blog.blog h1 {
	font-family: 'Gotham';
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
	display: block;
	text-align: center;
	color: #ffffff;
	max-width: fit-content;
	margin: auto;
	height: 20px;
	padding: 15px 40px 7px;
	border-radius: 0 20px;
	letter-spacing: 0.9;
}
.page00 .com-content-category-blog.blog h1 {
	background-color: var(--couleurpartie00);
}
.page01 .com-content-category-blog.blog h1 {
	background-color: var(--couleurpartie01);
}
.page02 .com-content-category-blog.blog h1 {
	background-color: var(--couleurpartie02);
}
.page03 .com-content-category-blog.blog h1 {
	background-color: var(--couleurpartie03);
}
.page04 .com-content-category-blog.blog h1 {
	background-color: var(--couleurpartie04);
}
.page99 .com-content-category-blog.blog h1 {
	background-color: var(--couleurpartie99);
}
.page .com-content-category-blog__items.blog-items {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px 40px;
  padding: 40px 0 20px;
}
.colonne1 .com-content-category-blog__items.blog-items {
	grid-template-columns: 1fr;
	grid-gap: 0;
}
.com-content-category-blog__item .item-content {
	margin: 20px auto 0;
  border-bottom: dotted 1px var(--couleurpartie01);
  border-radius: 0 0 0 20px;
}
.page00 .com-content-category-blog__item .item-content {
  border-bottom: dotted 1px var(--couleurpartie00);
}
.page01 .com-content-category-blog__item .item-content {
  border-bottom: dotted 1px var(--couleurpartie01);
}
.page02 .com-content-category-blog__item .item-content {
  border-bottom: dotted 1px var(--couleurpartie02);
}
.page03 .com-content-category-blog__item .item-content {
  border-bottom: dotted 1px var(--couleurpartie03);
}
.page03 .com-content-category-blog__item .item-content p,
.page03 .com-content-category-blog__item .item-content ul {
	text-align: center;
}
.page04 .com-content-category-blog__item .item-content {
  border-bottom: dotted 1px var(--couleurpartie04);
}
.page99 .com-content-category-blog__item .item-content {
  border-bottom: dotted 1px var(--couleurpartie99);
}
.page .center.item-image a {
	width: 150px;
	height: 120px;
	display: block;
	margin: auto;
	box-shadow: 0 0 40px #ccc;
	border-radius: 0px 40px 6px;
	overflow: hidden;
}
.page00 .center.item-image a {
	border-left: solid 20px var(--couleurpartie00);
}
.page01 .center.item-image a {
	border-left: solid 20px var(--couleurpartie01);
}
.page02 .center.item-image a {
	border-left: solid 20px var(--couleurpartie02);
}
.page03 .center.item-image a {
	border-left: solid 20px var(--couleurpartie03);
}
.page04 .center.item-image a {
	border-left: solid 20px var(--couleurpartie04);
}
.page99 .center.item-image a {
	border-left: solid 20px var(--couleurpartie99);
}
.page .com-content-category-blog .item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}
.page .com-content-category-blog .item-image img:hover {
	rotate: -3deg;
	scale: 110%;
}


/*************************************** view-article main ***************************************/
.view-category main,
.view-article.page main {
	display: block;
	width: 100%;
}
.view-article.layout-blog .main::before, .view-article.page .main::before {
	content: "";
	display: block;
	width: 48px;
	height: 58px;
	position: absolute;
	left: -24px;
	top: -29px;
	border-radius: 0px 20px;
}
.view-article.layout-blog .main, .view-article.page .main {
	background-color: rgba(255,255,255,0.95);
	padding: 40px 120px 80px;
	max-width: 500px;
	margin: 120px auto;
	border-radius: 0 80px;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	position: relative;
}
.view-article.layout-blog .main::after, .view-article.page .main::after {
	content: "";
	display: block;
	width: 48px;
	height: 58px;
	position: absolute;
	right: -24px;
	bottom: -29px;
	border-radius: 0px 20px;
}
/*.view-article.layout-blog.page00 .main::before,
.view-article.layout-blog.page00 .main::after {
	background-color: var(--couleurpartie00);
}*/
.view-article.page00 .main::before,
.view-article.page00 .main::after {
	background-color: var(--couleurpartie00);
}
.view-article.page01 .main::before,
.view-article.page01 .main::after {
	background-color: var(--couleurpartie01);
}
.view-article.page02 .main::before,
.view-article.page02 .main::after {
	background-color: var(--couleurpartie02);
}
.view-article.page03 .main::before,
.view-article.page03 .main::after {
	background-color: var(--couleurpartie03);
}
.view-article.page04 .main::before,
.view-article.page04 .main::after {
	background-color: var(--couleurpartie04);
}
.view-article.page .page-header h1 {
	font-family: 'Cookie';
	font-size: 36px;
	font-weight: normal;
	text-transform: initial;
	display: block;
	text-align: center;
}
.view-article.page03 .page-header h1 {
  	color: var(--couleurpartie03);
}
.page .btn {
	display: inline-block;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	margin: auto;
	font-family: 'Gotham';
	text-transform: uppercase;
	font-size: 10px !important;
	letter-spacing: 0.9;
	border-radius: 0 20px !important;
  	padding: 15px 20px !important;
  	color: #fff;
}
.page00 .btn {
	background-color: var(--couleurpartie00);
}
.page01 .btn {
	background-color: var(--couleurpartie01);
}
.page02 .btn {
	background-color: var(--couleurpartie02);
}
.page03 .btn {
	background-color: var(--couleurpartie03);
}
.page04 .btn {
	background-color: var(--couleurpartie04);
}
.page99 .btn {
	background-color: var(--couleurpartie99);
}
.pagination {
	padding: 20px 0 0 !important;
}
.page00 .com-content-article__body a,
.view-category.page00 .item-content p a {
	color: var(--couleurpartie00);
	font-weight: bold;
	border-bottom: dotted 2px;
	padding: 0 5px;
	border-radius: 0 10px;
}
.page00 .com-content-article__body a:hover,
.view-category.page00 .item-content p a:hover {
	background-color: var(--couleurpartie00);
	color: #fff;
	border-bottom: solid 2px var(--couleurpartie00);
}
.page01 .com-content-article__body a,
.view-category.page01 .item-content p a {
	color: var(--couleurpartie01);
	font-weight: bold;
	border-bottom: dotted 2px;
	padding: 0 5px;
	border-radius: 0 10px;
}
.page01 .com-content-article__body a:hover,
.view-category.page01 .item-content p a:hover {
	background-color: var(--couleurpartie01);
	color: #fff;
	border-bottom: solid 2px var(--couleurpartie01);
}
.page02 .com-content-article__body a,
.view-category.page02 .item-content p a {
	color: var(--couleurpartie02);
	font-weight: bold;
	border-bottom: dotted 2px;
	padding: 0 5px;
	border-radius: 0 10px;
}
.page02 .com-content-article__body a:hover,
.view-category.page02 .item-content p a:hover {
	background-color: var(--couleurpartie02);
	color: #fff;
	border-bottom: solid 2px var(--couleurpartie02);
}
.page03 .com-content-article__body a,
.view-category.page03 .item-content p a {
	color: var(--couleurpartie03);
	font-weight: bold;
	border-bottom: dotted 2px;
	padding: 0 5px;
	border-radius: 0 10px;
}
.page03 .com-content-article__body a:hover,
.view-category.page03 .item-content p a:hover {
	background-color: var(--couleurpartie03);
	color: #fff;
	border-bottom: solid 2px var(--couleurpartie03);
}
.page04 .com-content-article__body a,
.view-category.page04 .item-content p a {
	color: var(--couleurpartie04);
	font-weight: bold;
	border-bottom: dotted 2px;
	padding: 0 5px;
	border-radius: 0 10px;
}
.page04 .com-content-article__body a:hover,
.view-category.page04 .item-content p a:hover {
	background-color: var(--couleurpartie04);
	color: #fff;
	border-bottom: solid 2px var(--couleurpartie04);
}
.page99 .com-content-article__body a,
.view-category.page99 .item-content p a {
	color: var(--couleurpartie99);
	font-weight: bold;
	border-bottom: dotted 2px;
	padding: 0 5px;
	border-radius: 0 10px;
}
.page99 .com-content-article__body a:hover,
.view-category.page99 .item-content p a:hover {
	background-color: var(--couleurpartie99);
	color: #fff;
	border-bottom: solid 2px var(--couleurpartie99);
}
/*.btn.btn-secondary {
	color: #fff !important;
	font-weight: inherit !important;
	border-bottom: none !important;
}*/
.btn.btn-secondary {
	color: var(--couleurpartie01);
	font-weight: inherit !important;
	border-bottom: none !important;
	border-left: solid 10px var(--couleurpartie01);
	background-color: #eee;
}
.page00 .btn.btn-secondary {
	color: var(--couleurpartie00);
    border-left: solid 10px var(--couleurpartie00);
}
.page00 .btn.btn-secondary:hover {
	background-color: var(--couleurpartie00);
	color: #fff;
}
.page01 .btn.btn-secondary {
	color: var(--couleurpartie01);
    border-left: solid 10px var(--couleurpartie01);
}
.page01 .btn.btn-secondary:hover {
	background-color: var(--couleurpartie01);
	color: #fff;
}
.page02 .btn.btn-secondary {
	color: var(--couleurpartie02);
    border-left: solid 10px var(--couleurpartie02);
}
.page02 .btn.btn-secondary:hover {
	background-color: var(--couleurpartie02);
	color: #fff;
}
.page03 .btn.btn-secondary {
	color: var(--couleurpartie03);
    border-left: solid 10px var(--couleurpartie03);
}
.page03 .btn.btn-secondary:hover {
	background-color: var(--couleurpartie03);
	color: #fff;
}
.page04 .btn.btn-secondary {
	color: var(--couleurpartie04);
    border-left: solid 10px var(--couleurpartie04);
}
.page04 .btn.btn-secondary:hover {
	background-color: var(--couleurpartie04);
	color: #fff;
}
.page99 .btn.btn-secondary {
	color: var(--couleurpartie99);
    border-left: solid 10px var(--couleurpartie99);
}
.page99 .btn.btn-secondary:hover {
	background-color: var(--couleurpartie99);
	color: #fff;
}
.page .com-content-article figure {
	width: 300px;
	height: 235px;
	display: block;
	margin: auto;
	border-radius: 0 40px 10px;
	box-shadow: 0 0 40px #ccc;
	overflow: hidden;
}
.page00 .com-content-article figure {
	border-left: solid 20px var(--couleurpartie00);
}
.page01 .com-content-article figure {
	border-left: solid 20px var(--couleurpartie01);
}
.page02 .com-content-article figure {
	border-left: solid 20px var(--couleurpartie02);
}
.page03 .com-content-article figure {
	border-left: solid 20px var(--couleurpartie03);
}
.page04 .com-content-article figure {
	border-left: solid 20px var(--couleurpartie04);
}
.page99 .com-content-article figure {
	border-left: solid 20px var(--couleurpartie99);
}
.page .com-content-article .item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



/*************************************** centre principal ***************************************/
.page h2 a {
	font-family: 'Cookie';
	font-size: 36px;
	text-align: center;
	font-weight: normal;
	text-transform: initial;
	display: block;
	text-align: center;
}
.page00 h2 a {
	color: var(--couleurpartie00);
}
.page01 h2 a {
	color: var(--couleurpartie01);
}
.page02 h2 a {
	color: var(--couleurpartie02);
}
.page03 h2 a {
	color: var(--couleurpartie03);
}
.page04 h2 a {
	color: var(--couleurpartie04);
}
.page99 h2 a {
	color: var(--couleurpartie99);
}
.page h2 a::after {
	content: "";
	display: block;
	width: 20%;
	height: 1px;
	margin: 10px auto;
  	transition: all 0.2s ease-in-out;
}
.page00 h2 a::after {
	background-color: var(--couleurpartie00);
}
.page01 h2 a::after {
	background-color: var(--couleurpartie01);
}
.page02 h2 a::after {
	background-color: var(--couleurpartie02);
}
.page03 h2 a::after {
	background-color: var(--couleurpartie03);
}
.page04 h2 a::after {
	background-color: var(--couleurpartie04);
}
.page99 h2 a::after {
	background-color: var(--couleurpartie99);
}
.page h2 a:hover::after {
	height: 5px;
}


/* footer */
.moduletable.-horaires a {
	color: #f6ae35;
}
.moduletable.-horaires a:hover {
	background-color: inherit;
	color: #f6ae35;
	padding: 0 0 0 20px;
}
.moduletable.-contact h3 {
	text-align: center;
}
.moduletable.-informations {
	text-align: right;
}
.moduletable.-informations h3 {
	text-align: right;
}
.moduletable.-enviedunsite {
	grid-row: 2;
	grid-column: 1 / span 3;
	text-align: center;
	font-size: 12px;
	border-top: solid 1px #a4a3a3;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
.moduletable.-enviedunsite {
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
.moduletable.-enviedunsite a {
	padding: 10px 20px;
	color: #a4a3a3;
	display: block;
}
.moduletable.-enviedunsite a:hover {
	background-color: inherit;
	color: #f6ae35;
}


.bloctop {
	font-family: 'Gotham';
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
	padding: 0;
}
.lignetop {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
  	background-color: #000;
	color: #fff;
  	padding: 0 10px;
  	box-shadow: 0 2px 3px #666;
}
.moduletable.nomdusite p {
	margin: 0;
}
.moduletable.recherche {
	justify-self: end;
}
.moduletable.recherche .mod-finder.js-finder-searchform.form-search {
	margin: 4px 0;
}
.form-control {
	display: block;
	width: 100%;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 500;
	/* line-height: 1.5; */
	color: #22262a;
	background-color: white;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 3px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-family: 'Gotham';
	text-transform: uppercase;
}
.moduletable.logo {
	margin: 40px auto;
}
.logolarge {
	max-width: 350px;
    padding: 0 20px;
    margin: auto;
}

/* page 00 accueil */
.grid-child {
	max-width: 1240px !important;
}
.com-content-article.item-pagep00accueil {
	background-image: url(../../../../../images/template/polaroids-00a.png), url(../../../../../images/template/polaroids-00b.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center left, center right;
}
.item-pagep00accueil .com-content-article__body::before {
	content: '';
	display: block;
	width: 80px;
	height: 102px;
	background-color: #868d79;
	position: absolute;
	left: -40;
	top: -51;
	border-radius: 0 40px;
}
.item-pagep00accueil .com-content-article__body {
	background-color: rgba(255,255,255,0.95);
	padding: 51px 120px;
	max-width: 500px;
	margin: 120px auto;
	border-radius: 0 80px;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	position: relative;
}
.item-pagep00accueil .com-content-article__body::after {
	content: '';
	display: block;
	width: 80px;
	height: 102px;
	background-color: #868d79;
	position: absolute;
	right: -40;
	bottom: -51;
	border-radius: 0 40px;
}
.h1accueil.bul0::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background-color: #868d79;
	margin: 0 auto 20px;
	border-radius: 3px;
	transform: rotate(45deg);
}
.h1accueil {
	font-family: 'Cookie';
	font-size: 60px;
	line-height: 0.8em;
  	color: #868d79;
}
.h4accueil {
	font-family: 'Gotham';
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #999;
}
.signaturemaire {
	font-family: 'Cookie';
	font-size: 36px;
}
.infosmaire {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #666;
}
.photoverticale-00 {
	border-radius: 40px 0;
	border-bottom: solid 20px #868d79;
	box-shadow: 0 0 40px #ccc;
}

/* bloc informations ******************************************************/
.informations {
	max-width: 1200px;
	margin: 0 auto 80px;
	display: grid;
	grid-template-columns: 38fr 12fr;
  	grid-gap: 26px 26px;
}
#nsp-une, #nsp-troisactus, #nsp-unagenda {
	padding: 20px 0;
}
#nsp-troisactus.nspMain,
#nsp-troisactus .nspArts,
#nsp-unagenda.nspMain,
#nsp-unagenda .nspArts,
#nsp-une.nspMain,
#nsp-une .nspArts {
	overflow: visible;
}
.actualites {
	background-color: rgba(222,222,222,0.9);
	border-radius: 0 80px;
	border: solid 13px #f0f0f0;
	/* padding: 40px 0; */
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
	display: grid;
	grid-template-columns: 1fr 3fr;
	overflow: hidden;
	grid-column-gap: 26px;
}
.moduletable.une::before {
	content: 'à la une';
	color: var(--couleurpartie03);
	font-family: 'Gotham';
	font-weight: 900;
	text-transform: uppercase;
	font-size: 28px;
	padding: 10px 20px 20px 0;
	display: block;
	text-align: left;
}
.moduletable.une {
	background-color: #c9c9c9;
	border-radius: 0 80px 0 0;
	padding: 0 10px 40px;
}
.moduletable.troisactus::before {
	content: 'Actualités';
	color: var(--couleurpartie01);
	font-family: 'Gotham';
	font-weight: 900;
	text-transform: uppercase;
	font-size: 28px;
	padding: 10px 60px 20px 0;
	display: block;
	text-align: right;
}
.troisactus h3 {
	color: var(--couleuractualites);
	font-family: 'Gotham';
	font-weight: 900;
	text-transform: uppercase;
	font-size: 28px;
	text-align: right;
	margin: 10px 60px 20px 0;
}
.une h3 {
	color: var(--couleurpartie03);
	font-family: 'Gotham';
	font-weight: 900;
	text-transform: uppercase;
	font-size: 28px;
	margin: 10px 0 20px 0;
}
.actualites .nspHeader.tleft.fnone.has-image {
	font-size: 16px;
	text-transform: uppercase;
  	padding: 0;
  height: 42px;
}
 #nsp-unagenda .nspHeader.tleft.fnone.has-image a {
	font-size: 16px;
	text-transform: uppercase;
  	padding: 0;
  height: inherit;
   line-height: 1.3em;
}
#nsp-une h4 a {
	color: var(--couleurune);
  display: block;
  line-height: 1.3em;
}
#nsp-une h4 a::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: var(--couleurune);
	margin: 0 8px 0 0;
	border-radius: 3px;
	transform: rotate(45deg);
}
#nsp-une .nspImageWrapper.tleft.fleft.gkResponsive, #nsp-troisactus .nspImageWrapper.tleft.fleft.gkResponsive {
	border-radius: 0 40px;
	overflow: hidden;
  	height: 140px;
  	width: 165px;
}
#nsp-une .nspImageWrapper.tleft.fleft.gkResponsive {
  	border-left: solid 20px var(--couleurune);
}
#nsp-troisactus .nspImageWrapper.tleft.fleft.gkResponsive {
  	border-left: solid 20px var(--couleuractualites);
}
.gkResponsive img.nspImage, img.nspImage.gkResponsive {
	height: 100% !important;
	width: 100% !important;
	object-fit: cover;
}
#nsp-une .nspImage {
  	transition: all 0.3s ease-in-out;
}
.nspText.fnull a {
	color: #000;
}
#nsp-une .readon.inline::before, #nsp-troisactus .readon.inline::before {
	content: '+';
	width: 26px;
	height: 26px;
	display: block;
	transform: rotate(-45deg);
	color: rgb(255, 255, 255);
}
#nsp-une .readon.inline, #nsp-troisactus .readon.inline {
	display: block;
	margin: 10px auto;
	text-align: center;
	color: rgba(255,255,255,0);
	font-family: 'Gotham';
	font-weight: 900;
	font-size: 22px;
	transform: rotate(45deg);
	border-radius: 4px;
	width: 26px;
	height: 26px;
}
#nsp-une .readon.inline {
	background-color: var(--couleurune);
}
#nsp-troisactus .readon.inline {
	background-color: var(--couleuractualites);
}
#nsp-troisactus h4 a {
	color: var(--couleuractualites);
  display: block;
  line-height: 1.3em;
}
#nsp-troisactus h4 a::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: var(--couleuractualites);
	margin: 0 8px 0 0;
	border-radius: 3px;
	transform: rotate(45deg);
}
#nsp-troisactus .nspImage {
  	transition: all 0.3s ease-in-out;
}
#nsp-troisactus .nspImage:hover,
#nsp-une .nspImage:hover {
	filter: brightness(1.2);
}
.agenda {
	background-color: rgba(255,255,255,0.95);
	border-radius: 80px 80px 80px 0;
	border: solid 13px #dcdcdc;
  	box-shadow: 0 0 20px rgba(0,0,0,0.4);
  overflow: hidden;
}
.moduletable.unagenda {
	padding: 0 10px 60px;
}
.agenda h3 {
	color: var(--couleuragenda);
	font-family: 'Gotham';
	font-weight: 900;
	text-transform: uppercase;
	font-size: 28px;
	text-align: center;
	margin: 10px 0 20px;
}
#nsp-unagenda h4 a::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: var(--couleuragenda);
	margin: 0 8px 0 0;
	border-radius: 3px;
	transform: rotate(45deg);
}
#nsp-unagenda h4 a {
	color: var(--couleuragenda);
  display: block;
}
#nsp-unagenda .nspInfo.nspInfo1.tleft.fnone {
	font-size: 12px;
	font-weight: 900;
	font-family: 'Gotham';
	padding: 0 25px 0 0;
	margin-bottom: 0;
	text-align: center;
}
#nsp-unagenda .nspArt.nspCol1:nth-child(2n) {
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	border-radius: 0 10px 10px 0;
}
.moduletable.magazine {
	background-color: rgba(65,45,45,0.95);
	border-radius: 0 80px 80px 80px;
	border: solid 13px #dcdcdc;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
  padding: 0 10px 10px;
}
.moduletable.magazine h3 {
	color: #fff;
	font-family: 'Gotham';
	font-weight: 900;
	text-transform: uppercase;
	font-size: 28px;
	text-align: center;
	margin: 10px 0 20px;
}
#nsp-mag {
	margin-top: 40px;
}
.moduletable.magazine .nspImageWrapper img {
	border-radius: 5px;
	overflow: hidden;
}
.moduletable.magazine h4 a {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}
.moduletable.magazine h4 a:hover {
	color: #fff;
}
.readon-button {
	display: block;
	text-align: center;
	font-size: 10px;
	color: var(--couleurpartie01);
	text-transform: uppercase;
	font-family: 'Gotham';
	font-weight: 100;
  letter-spacing: 0.2em;
}
.readon-button:hover {
	color: #fff;
}

.nspArts {
	padding: 0 !important;
}
.nspArt img.nspImage {
	margin: auto;
}
/* slide ******************************************************/
.moduletable.slide00 {
	/*margin: 80px auto;*/
	display: block;
	max-width: 960px;
	border: solid 13px #f0f0f0;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
	border-radius: 80px 0;
	overflow: hidden;
}
/* parties ******************************************************/
.titre::before {
	content: '';
	width: 26px;
	height: 26px;
	display: block;
	transform: rotate(-45deg);
	margin: auto;
	border-radius: 5px;
}
.titre.partie0::before {
	background-color: var(--couleurpartie00);
}
.titre.partie1::before {
	background-color: var(--couleurpartie01);
}
.titre.partie2::before {
	background-color: var(--couleurpartie02);
}
.titre.partie3::before {
	background-color: var(--couleurpartie03);
}
.titre.partie4::before {
	background-color: var(--couleurpartie04);
}
.moduletable.titre h3 {
	font-family: 'Cookie';
	display: block;
	text-align: center;
	font-size: 60px;
	text-shadow: 0 0 2px #333;
	font-weight: 400;
	margin: 10px auto 60px;
}
.moduletable.texte .mod-custom.custom::before {
	content: '';
	display: block;
	width: 48px;
	height: 58px;
	position: absolute;
	left: -24px;
	top: -29px;
	border-radius: 0 20px;
	align-self: start;
}
.moduletable.texte .mod-custom.custom {
	background-color: rgba(255,255,255,0.95);
	padding: 40px 88px;
	max-width: 580px;
	margin: 40px auto 80px;
	border-radius: 0 80px;
	position: relative;
}
.moduletable.texte .mod-custom.custom::after {
	content: '';
	display: block;
	width: 48px;
	height: 58px;
	position: absolute;
	right: -24px;
	bottom: -29px;
	border-radius: 0 20px;
	align-self: end;
}
.moduletable.partie00 .mod-custom.custom::before, .moduletable.partie00 .mod-custom.custom::after {
	background-color: var(--couleurpartie00);
}
.moduletable.partie01 .mod-custom.custom::before, .moduletable.partie01 .mod-custom.custom::after {
	background-color: var(--couleurpartie01);
}
.moduletable.partie02 .mod-custom.custom::before, .moduletable.partie02 .mod-custom.custom::after {
	background-color: var(--couleurpartie02);
}
.moduletable.partie03 .mod-custom.custom::before, .moduletable.partie03 .mod-custom.custom::after {
	background-color: var(--couleurpartie03);
}
.moduletable.partie04 .mod-custom.custom::before, .moduletable.partie04 .mod-custom.custom::after {
	background-color: var(--couleurpartie04);
}
.texte-bloc {
	display: grid;
	grid-template-columns: 2fr 176px;
	grid-gap: 40px;
	align-items: center;
}
.texte-bloc img {
	width: 100%;
	height: auto;
	border-radius: 0 40px;
  	box-shadow: 0 0 40px #ccc;
}
.vignetteaccueil {
	width: 180px;
	height: 140px;
  margin: auto;
}
.vignetteaccueil img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.moduletable.partie00 .texte-bloc img {
	border-left: solid 20px var(--couleurpartie00);
}
.moduletable.partie01 .texte-bloc img {
	border-left: solid 20px var(--couleurpartie01);
}
.moduletable.partie02 .texte-bloc img {
	border-left: solid 20px var(--couleurpartie02);
}
.moduletable.partie03 .texte-bloc img {
	border-left: solid 20px var(--couleurpartie03);
}
.moduletable.partie04 .texte-bloc img {
	border-left: solid 20px var(--couleurpartie04);
}
.moduletable.choixxpartie01, .moduletable.choixcategories00, .moduletable.choixcategories01, .moduletable.choixcategories02, .moduletable.choixcategories03, .moduletable.choixcategories04 {
	max-width: 960px;
	margin: 80px auto;
}
.choixpartie01 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px 40px;
}
.choix01partie01, .choix02partie01, .choix03partie01, .choix04partie01, .moduletable.choixcategories01 ul li {
	/*background-color: var(--couleurpartie01);*/
	color: #fff;
	border: solid 13px #eee;
	padding: 20px 40px;
}
.choix01partie01, .moduletable.choixcategories01 ul li:first-of-type {
	background-color: var(--couleurpartie01);
  	border-radius: 0 40px;
}
.choix02partie01, .moduletable.choixcategories01 ul li:first-of-type + li {
	background-color: var(--couleurpartie01b);
  	border-radius: 40px 0;
}
.choix03partie01, .moduletable.choixcategories01 ul li:first-of-type + li + li {
	background-color: var(--couleurpartie01c);
  	border-radius: 40px 0 40px 40px;
}
.choix04partie01, .moduletable.choixcategories01 ul li:first-of-type + li + li + li {
	background-color: var(--couleurpartie01d);
  	border-radius: 0 40px 40px 40px;
}
.moduletable.choixcategories01 ul li:hover {
	border-color: #ccc;
}
#vie-municipale, #vivre-a-verrieres, #enfance, #activite-commerciale-et-sante, #services {
	padding: 40px 0;
}
/* choix catégories ******************************************************/
.com-content-category-blog__children.cat-children {
	padding-left: 20px;
	margin: 80px 0 40px;
}
.page00 .com-content-category-blog__children.cat-children {
	border-left: solid 5px var(--couleurpartie00);
}
.page01 .com-content-category-blog__children.cat-children {
	border-left: solid 5px var(--couleurpartie01);
}
.page02 .com-content-category-blog__children.cat-children {
	border-left: solid 5px var(--couleurpartie02);
}
.page03 .com-content-category-blog__children.cat-children {
	border-left: solid 5px var(--couleurpartie03);
}
.page04 .com-content-category-blog__children.cat-children {
	border-left: solid 5px var(--couleurpartie04);
}
.com-content-category-blog__child h3 {
	margin: 0;
}
.com-content-category-blog__child h3 a {
	color: #000;
	display: block;
	padding: 14px 10px;
	border-radius: 0 20px;
}
.page00 .com-content-category-blog__child h3 a {
	border-bottom: dotted 2px var(--couleurpartie00);
}
.page01 .com-content-category-blog__child h3 a {
	border-bottom: dotted 2px var(--couleurpartie01);
}
.page02 .com-content-category-blog__child h3 a {
	border-bottom: dotted 2px var(--couleurpartie02);
}
.page03 .com-content-category-blog__child h3 a {
	border-bottom: dotted 2px var(--couleurpartie03);
}
.page04 .com-content-category-blog__child h3 a {
	border-bottom: dotted 2px var(--couleurpartie04);
}
.page .com-content-category-blog__child h3 a:hover {
	background-color: #eee;
}
/************************************************************** choixcategories00 **************************************************************/
.moduletable.choixcategories00 ul {
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px 40px;
}
.moduletable.choixcategories00 ul li {
	display: block;
}
.choix01partie00, .choix02partie00, .choix03partie00, .choix04partie00, .choix05partie00, .choix06partie00, .moduletable.choixcategories00 ul li {
	/*background-color: var(--couleurpartie01);*/
	color: #fff;
	border: solid 13px #eee;
	padding: 20px 40px;
}
.choix01partie00, .moduletable.choixcategories00 ul li:first-of-type {
	background-color: var(--couleurpartie00);
  	border-radius: 0 40px;
}
.choix02partie00, .moduletable.choixcategories00 ul li:first-of-type + li {
	background-color: var(--couleurpartie00b);
  	border-radius: 40px 0;
}
.choix03partie00, .moduletable.choixcategories00 ul li:first-of-type + li + li {
	background-color: var(--couleurpartie00c);
  	border-radius: 40px 0 40px 40px;
}
.choix04partie00, .moduletable.choixcategories00 ul li:first-of-type + li + li + li {
	background-color: var(--couleurpartie00d);
  	border-radius: 0 40px 40px 40px;
}
.choix05partie00, .moduletable.choixcategories00 ul li:first-of-type + li + li + li + li {
	background-color: var(--couleurpartie00e);
  	border-radius: 0 40px 40px 40px;
}
.choix06partie00, .moduletable.choixcategories00 ul li:first-of-type + li + li + li + li + li {
	background-color: var(--couleurpartie00f);
  	border-radius: 0 40px 40px 40px;
}
.moduletable.choixcategories00 ul li:hover {
	border-color: #ccc;
}
.moduletable.choixcategories00 ul li:first-of-type p:last-child a::before {
  	color: var(--couleurpartie00);
}
.moduletable.choixcategories00 ul li:first-of-type + li p:last-child a::before {
  	color: var(--couleurpartie00b);
}
.moduletable.choixcategories00 ul li:first-of-type + li + li p:last-child a::before {
  	color: var(--couleurpartie00c);
}
.moduletable.choixcategories00 ul li:first-of-type + li + li + li p:last-child a::before {
  	color: var(--couleurpartie00d);
}
.moduletable.choixcategories00 ul li:first-of-type + li + li + li + li p:last-child a::before {
  	color: var(--couleurpartie00e);
}
.moduletable.choixcategories00 ul li:first-of-type + li + li + li + li + li p:last-child a::before {
  	color: var(--couleurpartie00f);
}
/************************************************************** choixcategories01 **************************************************************/
.moduletable.choixcategories01 ul {
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px 40px;
}
.moduletable.choixcategories01 ul li {
	display: block;
}
.moduletable.choixcategories00 ul li:nth-child(n) > a::before,
.moduletable.choixcategories01 ul li:nth-child(n) > a::before,
.moduletable.choixcategories02 ul li:nth-child(n) > a::before,
.moduletable.choixcategories03 ul li:nth-child(n) > a::before,
.moduletable.choixcategories04 ul li:nth-child(n) > a::before {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 10px;
}
.moduletable.choixcategories00 ul li:nth-child(1) > a::before {
	content: url(../../../../../images/pictos/00-01-elus-et-commissions-verrieres.svg);
}
.moduletable.choixcategories00 ul li:nth-child(2) > a::before {
	content: url(../../../../../images/pictos/00-02-conseils-municipaux-verrieres.svg);
}
.moduletable.choixcategories00 ul li:nth-child(3) > a::before {
	content: url(../../../../../images/pictos/00-03-arretes-et-enquetes-publiques-verrieres.svg);
}
.moduletable.choixcategories00 ul li:nth-child(4) > a::before {
	content: url(../../../../../images/pictos/00-04-tarifs-municipaux-verrieres.svg);
}
.moduletable.choixcategories00 ul li:nth-child(5) > a::before {
	content: url(../../../../../images/pictos/00-05-demarches-administratives-verrieres.svg);
}
.moduletable.choixcategories00 ul li:nth-child(6) > a::before {
	content: url(../../../../../images/pictos/00-06-urbanisme-verrieres.svg);
}
.moduletable.choixcategories01 ul li:nth-child(1) > a::before {
	content: url(../../../../../images/pictos/01-01-environnement-verrieres.svg);
}
.moduletable.choixcategories01 ul li:nth-child(2) > a::before {
	content: url(../../../../../images/pictos/01-02-vivre-ensemble-verrieres.svg);
}
.moduletable.choixcategories01 ul li:nth-child(3) > a::before {
	content: url(../../../../../images/pictos/01-03-culture-verrieres.svg);
}
.moduletable.choixcategories01 ul li:nth-child(4) > a::before {
	content: url(../../../../../images/pictos/01-04-associations-verrieres.svg);
}
.moduletable.choixcategories02 ul li:nth-child(1) > a::before {
	content: url(../../../../../images/pictos/02-01-enfance-verrieres.svg);
}
.moduletable.choixcategories02 ul li:nth-child(2) > a::before {
	content: url(../../../../../images/pictos/02-02-ecoles-verrieres.svg);
}
.moduletable.choixcategories02 ul li:nth-child(3) > a::before {
	content: url(../../../../../images/pictos/02-03-periscolaire-et-extrascolaire-verrieres.svg);
}
.moduletable.choixcategories03 ul li:nth-child(1) > a::before {
	content: url(../../../../../images/pictos/03-01-commercants-artisans-verrieres.svg);
}
.moduletable.choixcategories03 ul li:nth-child(2) > a::before {
	content: url(../../../../../images/pictos/03-02-sante-verrieres.svg);
}
.moduletable.choixcategories04 ul li:nth-child(1) > a::before {
	content: url(../../../../../images/pictos/04-01-pompiers-verrieres.svg);
}
.moduletable.choixcategories04 ul li:nth-child(2) > a::before {
	content: url(../../../../../images/pictos/04-02-poste-verrieres.svg);
}
.moduletable.choixcategories04 ul li:nth-child(3) > a::before {
	content: url(../../../../../images/pictos/04-03-salle-des-fetes-verrieres.svg);
  	width: 26px;
}
.moduletable.choixcategories04 ul li:nth-child(4) > a::before {
	content: url(../../../../../images/pictos/04-04-urbanisme-verrieres.svg);
}
.moduletable.choixcategories04 ul li:nth-child(5) > a::before {
	content: url(../../../../../images/pictos/04-05-cimetiere-verrieres.svg);
  	width: 30px;
}
.moduletable.choixcategories04 ul li:nth-child(6) > a::before {
	content: url(../../../../../images/pictos/04-06-collecte-dechets-verrieres.svg);
  	width: 65px;
}
.moduletable.choixcategories04 ul li:nth-child(7) > a::before {
	content: url(../../../../../images/pictos/04-07-liens-verrieres.svg);
  	width: 36px;
}
.moduletable.choixcategories00 ul li a:first-of-type, .moduletable.choixcategories01 ul li a:first-of-type, .moduletable.choixcategories02 ul li a:first-of-type, .moduletable.choixcategories03 ul li a:first-of-type {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	display: block;
	color: #fff;
	font-weight: 900;
	font-size: 19px;
}
.moduletable.choixcategories00 ul li p:last-child a::before, .moduletable.choixcategories01 ul li p:last-child a::before, .moduletable.choixcategories02 ul li p:last-child a::before, .moduletable.choixcategories03 ul li p:last-child a::before {
	content: '+';
	width: 26px;
	height: 26px;
	display: block;
	transform: rotate(-45deg);
	position: fixed;
}
.moduletable.choixcategories00 ul li p a:first-of-type, .moduletable.choixcategories01 ul li p a:first-of-type, .moduletable.choixcategories02 ul li p a:first-of-type, .moduletable.choixcategories03 ul li p a:first-of-type {
	font-size: 16px;
	text-transform: initial;
	letter-spacing: initial;
	font-weight: initial;
	text-align: left;
}
.moduletable.choixcategories00 ul li p:last-child a, .moduletable.choixcategories01 ul li p:last-child a, .moduletable.choixcategories02 ul li p:last-child a, .moduletable.choixcategories03 ul li p:last-child a {
	text-align: center;
	font-family: 'Gotham';
	font-weight: 900;
	font-size: 22px;
	transform: rotate(45deg);
	border-radius: 4px;
	width: 26px;
	height: 26px;
	display: block;
	margin: 10px auto;
	background-color: #fff;
}
.moduletable.choixcategories01 ul li:first-of-type p:last-child a::before {
  	color: var(--couleurpartie01);
}
.moduletable.choixcategories01 ul li:first-of-type + li p:last-child a::before {
  	color: var(--couleurpartie01b);
}
.moduletable.choixcategories01 ul li:first-of-type + li + li p:last-child a::before {
  	color: var(--couleurpartie01c);
}
.moduletable.choixcategories01 ul li:first-of-type + li + li + li p:last-child a::before {
  	color: var(--couleurpartie01d);
}
/************************************************************** choixcategories02 **************************************************************/
.moduletable.choixcategories02 ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px 40px;
	padding: 0;
}
.moduletable.choixcategories02 ul li {
	display: block;
  	color: #fff;
	border: solid 13px #eee;
	padding: 20px 40px;
}
.moduletable.choixcategories02 ul li:first-of-type {
	background-color: var(--couleurpartie02b);
  	border-radius: 40px 40px 0 40px;
}
.moduletable.choixcategories02 ul li:first-of-type + li {
	background-color: var(--couleurpartie02);
  	border-radius: 40px 0;
}
.moduletable.choixcategories02 ul li:first-of-type + li + li {
	background-color: var(--couleurpartie02b);
  	border-radius: 0 40px 40px 40px;
}
.moduletable.choixcategories02 ul li:hover {
	border-color: #333;
}
.moduletable.choixcategories02 ul li:first-of-type p:last-child a::before, .moduletable.choixcategories02 ul li:first-of-type + li + li p:last-child a::before {
	color: var(--couleurpartie02b);
}
.moduletable.choixcategories02 ul li:first-of-type + li p:last-child a::before {
	color: var(--couleurpartie02);
}
/************************************************************** choixcategories03 **************************************************************/
.moduletable.choixcategories03 ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px 40px;
	padding: 0;
}
.moduletable.choixcategories03 ul li {
	display: block;
  	color: #fff;
	border: solid 13px #eee;
	padding: 20px 40px;
}
.moduletable.choixcategories03 ul li:first-of-type {
	background-color: var(--couleurpartie03);
  	border-radius: 0 40px 0 40px;
}
.moduletable.choixcategories03 ul li:first-of-type + li {
	background-color: var(--couleurpartie03b);
  	border-radius: 0 40px 40px 40px;
}
.moduletable.choixcategories03 ul li:hover {
	border-color: #333;
}
.moduletable.choixcategories03 ul li:first-of-type p:last-child a::before {
  	color: var(--couleurpartie03);
}
.moduletable.choixcategories03 ul li:first-of-type + li p:last-child a::before {
  	color: var(--couleurpartie03b);
}
/************************************************************** choixcategories04 **************************************************************/
.moduletable.choixcategories04 ul {
	display: grid;
	grid-template-columns: repeat(7,1fr);
	grid-gap: 20px;
	padding: 0;
}
.moduletable.choixcategories04 ul li {
  	display: block;
	background-color: var(--couleurpartie04);
  	padding: 20px 10px;
	border-radius: 0 30px 0 30px;
  	align-content: start;
}
.moduletable.choixcategories04 ul li:hover {
	background-color: var(--couleurpartie04b);
}
.moduletable.choixcategories04 ul li:nth-child(2), .moduletable.choixcategories04 ul li:nth-child(5) {
	width: 108px;
}
.moduletable.choixcategories04 ul li a:first-of-type {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	display: block;
	color: #fff;
	font-weight: 900;
	font-size: 14px;
  	height: 110px;
}
.moduletable.choixcategories04 ul li p:last-child a {
	text-align: center;
	font-family: 'Gotham';
	font-weight: 900;
	font-size: 22px;
	transform: rotate(45deg);
	border-radius: 4px;
	width: 26px;
	height: 26px;
	display: block;
	margin: 10px auto;
	background-color: #fff;
  	letter-spacing: initial;
}
.moduletable.choixcategories04 ul li p:last-child a::before {
	content: '+';
	width: 26px;
	height: 26px;
	display: block;
	transform: rotate(-45deg);
	position: fixed;
}
.moduletable.choixcategories04 ul li p:last-child a::before {
  	color: var(--couleurpartie04);
}

/************************************************************** choixarticle **************************************************************/
.com_content.view-article.page h3::before,
.com_content.layout-blog.page .blog-item h3::before {
	content: '';
	display: inline-block;
	width: 12px;
  height: 12px;
	margin: 0 10px;
	border-radius: 3px;
	transform: rotate(45deg);
	transition: all 0.2s ease-in-out;
}
.com_content.view-article.page00 h3::before,
.com_content.layout-blog.page00 .blog-item h3::before {
	background-color: var(--couleurpartie00);
}
.com_content.view-article.page01 h3::before,
.com_content.layout-blog.page01 .blog-item h3::before {
	background-color: var(--couleurpartie01);
}
.com_content.view-article.page02 h3::before,
.com_content.layout-blog.page02 .blog-item h3::before {
	background-color: var(--couleurpartie02b);
}
.com_content.view-article.page03 h3::before,
.com_content.layout-blog.page03 .blog-item h3::before {
	background-color: var(--couleurpartie03);
}
.com_content.view-article.page04 h3::before,
.com_content.layout-blog.page04 .blog-item h3::before {
	background-color: var(--couleurpartie04);
}
.com_content.view-article.page h3,
.com_content.layout-blog.page .blog-item h3 {
	font-family: 'Cookie';
	font-weight: 100;
	font-size: 28px;
	margin-bottom: 0;
}
.com_content.view-article.page00 h3,
.com_content.layout-blog.page00 .blog-item h3 {
	color: var(--couleurpartie00);
}
.com_content.view-article.page01 h3,
.com_content.layout-blog.page01 .blog-item h3  {
	color: var(--couleurpartie01);
}
.com_content.view-article.page02 h3,
.com_content.layout-blog.page02 .blog-item h3  {
	color: var(--couleurpartie02b);
}
.com_content.view-article.page03 h3,
.com_content.layout-blog.page03 .blog-item h3  {
	color: var(--couleurpartie03);
}
.com_content.view-article.page04 h3,
.com_content.layout-blog.page04 .blog-item h3  {
	color: var(--couleurpartie04);
}

/************************************************************** footer **************************************************************/
/************************************************************** footer **************************************************************/
#footer::before {
	content: '';
	display: block;
	width: 80px;
	height: 102px;
	background-color: #fff;
	position: absolute;
	left: -40px;
	top: -51px;
	border-radius: 0 40px;
}
#footer::after {
	content: '';
	display: block;
	width: 80px;
	height: 102px;
	background-color: #fff;
	position: absolute;
	/*left: calc(var(--largeurfondfooter) - 40px);*/
	right: -40px;
	bottom: -51px;
	border-radius: 0 40px;
}
footer {
	background: var(--couleurpartie01);
	color: #fff;
	padding: 0;
	font-size: 16px;
	max-width: 880px;
	margin: 80px auto 100px;
	border-radius: 0 80px;
	position: relative;
}
.pieddepage {
	display: grid;
	padding: 40px;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px 40px;
}
footer h3 {
	text-transform: uppercase;
	text-align: center;
	font-weight: 100 !important;
	font-size: 18px !important;
	font-family: 'Gotham' !important;
  color: #fff !important;
  margin: 20px 0 !important;
}
.moduletable.geolocalisation iframe {
	border: solid 10px #fff;
	border-radius: 0 80px;
}
.moduletable.piedinfos {
	text-align: center;
}

.moduletable.mentions {
	margin: 0 20px;
	padding: 20px 0;
}
.moduletable.mentions ul {
	padding: 20px 0;
	background-color: #fff;
	border-radius: 3px 60px;
  overflow: hidden;
}
.moduletable.mentions li {
	display: block;
}
.moduletable.mentions li a {
	text-transform: uppercase;
	font-weight: 100;
	font-size: 10px;
	font-family: 'Gotham';
	color: var(--couleurpartie01);
	padding: 10px 0;
	display: block;
	border-bottom: dotted 1px var(--couleurpartie01);
}
.moduletable.mentions li a:hover {
	background-color: var(--couleurpartie01);
	color: #fff;
}

.choix01partie01 h3, .choix02partie01 h3, .choix03partie01 h3, .choix04partie01 h3 {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.choix01partie01 p:last-child::before, .choix02partie01 p:last-child::before, .choix03partie01 p:last-child::before, .choix04partie01 p:last-child::before {
	content: '+';
	width: 26px;
	height: 26px;
	display: block;
	transform: rotate(-45deg);
	position: fixed;
}
.choix01partie01 p:last-child::before {
	color: var(--couleurpartie01);
}
.choix02partie01 p:last-child::before {
	color: var(--couleurpartie02);
}
.choix03partie01 p:last-child::before {
	color: var(--couleurpartie03);
}
.choix04partie01 p:last-child::before {
	color: var(--couleurpartie04);
}
.choix01partie01 p:last-child, .choix02partie01 p:last-child, .choix03partie01 p:last-child, .choix04partie01 p:last-child {
	text-align: center;
	font-family: 'Gotham';
	font-weight: 900;
	font-size: 22px;
	transform: rotate(45deg);
	border-radius: 4px;
	width: 26px;
	height: 26px;
	display: block;
	margin: 10px auto;
	background-color: #fff;
}

.page01 .ba-form-submit-btn {
	color: #fff !important;
	font-weight: bold !important;
	border-bottom: none !important;
	padding: 15px 20px !important;
	border-radius: 0 20px !important;
}

.dj-megamenu-default li a.dj-up_a {
	height: 30px !important;
	padding: 0 30px 0 15px !important;
  font-size: 16px !important;
}
.dj-megamenu-default li a.dj-up_a span {
	height: 0px !important;
	line-height: 30px !important;
}
.dj-megamenu-default li:hover a.dj-up_a,
.dj-megamenu-default li:hover a.dj-up_a,
.dj-megamenu-default li.active a.dj-up_a {
	border-left: none !important;
	background: none !important;
}

.formulaires h1 {
	font-family: 'Cookie';
	font-size: 36px;
	font-weight: normal;
	text-transform: initial;
	display: block;
	text-align: center;
}

/************************************************************** < 768px **************************************************************/
@media (max-width: 768px) {

.logolarge {
	max-width: 80%;
}

.informations {
	max-width: 350px;
	margin: 0 auto 80px;
	grid-template-columns: 1fr;
}
.moduletable.une {
	padding: 0 20px 40px;
}
.actualites {
	grid-template-columns: 1fr;
	grid-row-gap: 26px;
}
#nsp-une .nspImageWrapper.tleft.fleft.gkResponsive, #nsp-troisactus .nspImageWrapper.tleft.fleft.gkResponsive {
	margin: 8px auto !important;
}
.nspArt {
	display: flex;
	flex-flow: column;
}
.moduletable.troisactus {
	display: none;
}
.moduletable.troisactus.mobile:before {
	text-align: left;
}
.moduletable.troisactus.mobile {
	display: initial;
	padding: 0 20px 20px;
}
.agenda {
	padding: 0 0 60px;
}
.moduletable.magazine {
	padding: 0 10px 40px;
}

.texte-bloc {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 20px;
	align-items: center;
}
.moduletable.titre h3 {
	font-size: 40px;
	text-shadow: 0 0 1px #333;
}

.moduletable.choixcategories00 ul li:first-of-type,
.moduletable.choixcategories00 ul li:first-of-type + li,
.moduletable.choixcategories00 ul li:first-of-type + li + li,
.moduletable.choixcategories00 ul li:first-of-type + li + li + li,
.moduletable.choixcategories00 ul li:first-of-type + li + li + li + li,
.moduletable.choixcategories00 ul li:first-of-type + li + li + li + li + li,
.moduletable.choixcategories01 ul li:first-of-type,
.moduletable.choixcategories01 ul li:first-of-type + li,
.moduletable.choixcategories01 ul li:first-of-type + li + li,
.moduletable.choixcategories01 ul li:first-of-type + li + li + li,
.moduletable.choixcategories02 ul li:first-of-type,
.moduletable.choixcategories02 ul li:first-of-type + li,
.moduletable.choixcategories02 ul li:first-of-type + li + li,
.moduletable.choixcategories03 ul li:first-of-type,
.moduletable.choixcategories03 ul li:first-of-type + li {
	display: block;
	padding: 15px 10px 15px 20px;
	border-radius: 0 30px 0 30px;
	border: none;
}
.moduletable.choixcategories00 ul li:first-of-type,
.moduletable.choixcategories00 ul li:first-of-type + li,
.moduletable.choixcategories00 ul li:first-of-type + li + li,
.moduletable.choixcategories00 ul li:first-of-type + li + li + li,
.moduletable.choixcategories00 ul li:first-of-type + li + li + li + li,
.moduletable.choixcategories00 ul li:first-of-type + li + li + li + li + li {
	background-color: var(--couleurpartie00);
}
.moduletable.choixcategories00 ul li:first-of-type:hover,
.moduletable.choixcategories00 ul li:first-of-type + li:hover,
.moduletable.choixcategories00 ul li:first-of-type + li + li:hover,
.moduletable.choixcategories00 ul li:first-of-type + li + li + li:hover,
.moduletable.choixcategories00 ul li:first-of-type + li + li + li + li:hover,
.moduletable.choixcategories00 ul li:first-of-type + li + li + li + li + li:hover {
	background-color: var(--couleurpartie00b);
}
.moduletable.choixcategories01 ul li:first-of-type,
.moduletable.choixcategories01 ul li:first-of-type + li,
.moduletable.choixcategories01 ul li:first-of-type + li + li,
.moduletable.choixcategories01 ul li:first-of-type + li + li + li {
	background-color: var(--couleurpartie01);
}
.moduletable.choixcategories01 ul li:first-of-type:hover,
.moduletable.choixcategories01 ul li:first-of-type + li:hover,
.moduletable.choixcategories01 ul li:first-of-type + li + li:hover,
.moduletable.choixcategories01 ul li:first-of-type + li + li + li:hover {
	background-color: var(--couleurpartie01b);
}
.moduletable.choixcategories02 ul li:first-of-type,
.moduletable.choixcategories02 ul li:first-of-type + li,
.moduletable.choixcategories02 ul li:first-of-type + li + li {
	background-color: var(--couleurpartie02);
}
.moduletable.choixcategories02 ul li:first-of-type:hover,
.moduletable.choixcategories02 ul li:first-of-type + li:hover,
.moduletable.choixcategories02 ul li:first-of-type + li + li:hover {
	background-color: var(--couleurpartie02b);
}
.moduletable.choixcategories03 ul li:first-of-type,
.moduletable.choixcategories03 ul li:first-of-type + li {
	background-color: var(--couleurpartie03);
}
.moduletable.choixcategories03 ul li:first-of-type:hover,
.moduletable.choixcategories03 ul li:first-of-type + li:hover {
	background-color: var(--couleurpartie03b);
}

.moduletable.choixcategories00 ul,
.moduletable.choixcategories01 ul,
.moduletable.choixcategories02 ul,
.moduletable.choixcategories03 ul,
.moduletable.choixcategories04 ul {
	grid-template-columns: 1fr;
	grid-gap: 0;
	border-radius: 0 40px 0 40px;
	padding: 40px;
    margin: 0 auto;
    width: fit-content;
}
.moduletable.choixcategories00 ul {
	background-color: var(--couleurpartie00);
}
.moduletable.choixcategories01 ul {
	background-color: var(--couleurpartie01);
}
.moduletable.choixcategories02 ul {
	background-color: var(--couleurpartie02);
}
.moduletable.choixcategories03 ul {
	background-color: var(--couleurpartie03);
}
.moduletable.choixcategories04 ul {
	background-color: var(--couleurpartie04);
}
.moduletable.choixcategories04 ul li {
	display: block;
	background-color: var(--couleurpartie04);
	padding: 20px 10px 10px 20px;
	border-radius: 0 30px 0 30px;
}
.moduletable.choixcategories00 ul li a:first-of-type,
.moduletable.choixcategories01 ul li a:first-of-type,
.moduletable.choixcategories02 ul li a:first-of-type,
.moduletable.choixcategories03 ul li a:first-of-type,
.moduletable.choixcategories04 ul li a:first-of-type {
	text-align: left;
	height: auto;
  font-size: 14px;
}
.moduletable.choixcategories00 ul li:nth-child(n) > a::before, .moduletable.choixcategories01 ul li:nth-child(n) > a::before, .moduletable.choixcategories02 ul li:nth-child(n) > a::before, .moduletable.choixcategories03 ul li:nth-child(n) > a::before, .moduletable.choixcategories04 ul li:nth-child(n) > a::before {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 auto 10px;
}
.moduletable.choixcategories03 ul li:nth-child(n) > a::before {
	width: 18px;
}
.moduletable.choixcategories00 ul li p,
.moduletable.choixcategories01 ul li p,
.moduletable.choixcategories02 ul li p,
.moduletable.choixcategories03 ul li p,
.moduletable.choixcategories04 ul li p {
	display: none;
}
.moduletable.choixcategories04 ul li:nth-child(2), .moduletable.choixcategories04 ul li:nth-child(5) {
	width: auto;
}
.moduletable.choixcategories04 ul li:nth-child(3) > a::before {
	width: 14px;
}
.moduletable.choixcategories04 ul li:nth-child(5) > a::before {
	width: 14px;
}
.moduletable.choixcategories04 ul li:nth-child(6) > a::before {
	width: 32px;
}
.moduletable.choixcategories04 ul li:nth-child(7) > a::before {
	width: 20px;
}

.pieddepage {
	padding: 40px 20px;
	grid-template-columns: 1fr;
}
.moduletable.contact, .moduletable.geolocalisation {
	max-width: 400px;
	margin: auto;
}
.moduletable.mentions {
	margin: 0 auto;
	padding: 20px 0;
	max-width: 330px;
}

.page .com-content-category-blog__items.blog-items {
	grid-template-columns: 1fr;
}
.page h2 a {
	font-size: 32px;
	line-height: 1em;
}

.name::before {
	display: inline-block;
	margin: 0 auto;
  position: relative;
  left: -10px;
}

.view-article.layout-blog .main, .view-article.page .main {
	padding: 40px 60px 80px;
}

.sousmenu00 .name::before {
	background-color: var(--couleurpartie00);
}
.sousmenu01 .name::before {
	background-color: var(--couleurpartie01);
}
.sousmenu02 .name::before {
	background-color: var(--couleurpartie02);
}
.sousmenu03 .name::before {
	background-color: var(--couleurpartie03);
}
.sousmenu04 .name::before {
	background-color: var(--couleurpartie04);
}

.dj-up_a.menu00.couleurmenu00 {
	height: auto;
	max-width: 100%;
	text-align: left;
}
.dj-up_a.menu01.couleurmenu01 {
	height: auto;
	max-width: 100%;
	text-align: left;
}
.p00accueil .dj-up_a.menu03.couleurmenu03 {
	max-width: 100%;
	text-align: left;
	height: auto;
}

.page .com-content-article figure {
	width: 150px;
	height: 120px;
}


}

/************************************************************** < 450px **************************************************************/
@media (max-width: 450px) {

.h1accueil {
	font-size: 44px;
}
.h4accueil {
	font-size: 12px;
}
.item-pagep00accueil .com-content-article__body {
	padding: 51px 40px;
}
.moduletable.une::before,
.moduletable.troisactus::before,
.agenda h3,
.moduletable.magazine h3 {
	font-size: 24px;
}
.moduletable.texte .mod-custom.custom {
	padding: 40px 38px;
}

/*.item-pagep00accueil .com-content-article__body::after {
	content: none;
}*/

.view-article.layout-blog .main, .view-article.page .main {
	padding: 40px;
}

}