/*
font-family: 'Sorts Mill Goudy', serif;
font-family: 'Oswald', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Over the Rainbow', cursive;
*/
#header,nav,#footer,article,aside { display:block; }
#header,nav,#footer,article,aside,
div,p,dfn,blockquote			{ box-sizing:border-box; }

body				{ font-family: 'Roboto Condensed', sans-serif; margin:0; font-size:100%; background:#fff; }

#cookie-bar			{ position:fixed; z-index:100; width:100%; left:0; bottom:0; color:#fff; padding:2em; }
#cookie-bar a		{ display:table; margin:1em auto; padding:1em; background:#E7AA14; }
#cookie-bar:before	{ content:' '; display:block; position:absolute; width:100%; height:100%; left:0; bottom:0; background:#222; opacity:0.95; }
#cookie-bar p		{ position:relative; z-index:2; }

h1,h2				{ font-family:'Oswald', sans-serif; font-size:1.125em; font-weight:normal; text-transform:uppercase; margin-top:0; }
h2					{ color:#40474d; font-size:1.125em; text-align:center; position:relative; margin-top:0; }
h3					{ font-family: 'Sorts Mill Goudy', cursive; font-style:italic; margin-bottom:0.5em; margin-top:0; }
h2:after			{ content:' '; display:block; width:40%; margin:0.5em 30% 0; height:2px; background:#849bae; clear:both; float:none; }
p,ul,ol				{ margin:0 0 2em; }
img					{ max-width:100%; }
ul,ol				{ padding-left:40px; list-style-position:outside; }
label.error			{ color:#C00; }
.submit				{ cursor:pointer; }
.checkbox			{ display:inline-block; width:auto; }

table				{ }
td					{ border-bottom:1px solid #bbb; padding:0.5em; }
sup					{ text-transform:none!important; }

fieldset			{ border:0; padding:0; }
input,select,textarea{ outline:none; border:1px solid #999; padding:0.8em; width:100%; margin-bottom:1em; box-sizing:border-box; /*text-transform:uppercase;*/ font-family:'Oswald', sans-serif; }

.texte .more		{
	background: #849bae;
	display: table;
	margin: 0.5em auto;
	border: 1px solid #849bae;
	color:#fff;
    padding: 1rem;
	text-decoration: none;
	transition: all .3s;
}
.texte .more:hover {
	background-color: #40474d;
}

#form-contact input,
#form-contact select,
#form-contact textarea{ text-transform:none; }

.iframe-cont iframe{ width:100%!important; min-height:1000px!important; }

.tpl-desabonnement		{ max-width:600px; margin:2em auto; padding-bottom:5em; }

#header				{
	background:#cfd1d2;
	padding: 0 !important;
	position:fixed; width:100%; top:0; left:0; z-index:10;
	display: flex !important;
	align-items: stretch;
}
#header:after		{ content:' '; display:block; height:0; clear:both; float:none; }

#logo				{ 
	width:55%; float:left; 
	box-sizing: border-box;
	margin: 0 auto 0 0;
    position: relative;
    max-width: 190px;
	display: flex;
	align-items: stretch;
	flex: 1;
}
#logo img		{ 
	width:100%;
    padding: .3rem 1rem;
}

@media (min-width: 1300px) {
	#logo img {
		min-width: 300px;
	}
}

#nav-btns			{ width:28%; float:right; }
	#nav-btns a		{ display:block; width:2.5em; height:2.5em; margin-right:0.2em; float:left; text-indent:-9999em; background:url('../img/sprite.png'); background-size:800%; }
	#nav-btns #btn-customize{ background-position:13.3% top; }
	#nav-btns #btn-menu	{ background-position:26.6% top; margin:0; }

#header nav				{ 
	display:none; background:#cfd1d2; position:fixed; overflow:auto; top:0; left:0; width:100%; height:100%; z-index:10;
	margin-left: auto !important;
}
	#header ul			{ padding:5em 2.5em 0; box-sizing:border-box; padding:0; list-style:none; }
	#header ul .sous-menu{ display:none; background:#cfd1d2; padding:0; position:fixed; /*overflow:auto;*/ top:0; left:100%; width:100%; height:100%; z-index:10; }
	#header .sous-menu ul ul{ padding:0; margin-bottom:0; }
	#header li			{ padding:1em; border-bottom:1px solid #000; text-align:center; list-style:none; }
	#header li li		{ padding:4px; border:0; padding:0; }
	#header li li li	{ border-bottom:1px solid #000; padding:4px; }
	#header li a		{ font-family:'Oswald', sans-serif; font-size:1.125em; color:#000; font-weight:bold; text-transform:uppercase; text-decoration:none; }
	#header .sous-menu 	{ border-left:1px solid #888; }
	#header .sous-menu ul{ height:78vh; overflow:auto; padding-top:2em; }
	#header .sous-menu ul ul	{ /*display:none;*/ height:auto; }
	#header .sous-menu ul ul ul	{ display:none; }
	#header .sous-menu a	{ text-transform:none; }
	nav .parent			{ display:table; padding:1em; }
	nav .parent span	{ display:table-cell; vertical-align:middle; padding-left:0.6em; }
	nav .parent:before	{ content:' '; display:table-cell; width:2em; height:2em; background:url('../img/sprite.png') 31% 5.4%; background-size:1000%; }

	.link-horaires				{ display:block; width:4em; height:4em; background:#000 url('../img/btn-horaires.jpg') no-repeat; background-size:contain; text-indent:-9999em; top:7em; right:0; position:absolute; }

	.overlay			{ background:#efefef; box-shadow:0 0 2em #444; padding:2em; }
	.overlay,
	.overlay-mask		{ display:none; position:absolute; width:100%; top:0; left:0; z-index:12000; }
	.overlay-mask		{ position:fixed; background:#000; opacity:0.75; height:100vh; z-index:999; }

	#form-search		{ background:none; padding:0; }
	#form-search fieldset{ border:0; height:100vh; padding:0; display:table-cell; vertical-align:middle; text-align:center; }
	#form-search label	{ background:#fff; display:block; width:80%; margin:40% auto 0; }
	#form-search input	{ outline:none; border:0; padding:0.8em; margin:0; background:transparent; width:78%; box-sizing:border-box; text-transform:uppercase; font-family:'Oswald', sans-serif; }
	#form-search .submit{ width:20%; background:#000; color:#e7aa14; float:right; }
	#form-search .close	{ background-position:64% 7%; }


	#liens-perso		{ background:#cfd1d2; }
	.lien-perso			{ display:block; width:50%; float:left; text-align:center; padding:2em; box-sizing:border-box; border:1px solid #fff; }

#main				{ background:#e8e8e8; /*min-height:89vh;*/ }

#footer				{ 
	padding-top: 7em;
    background: #0f181f url(../img/logo-nlc-h-blanc.svg) no-repeat center 2em;
    background-size: min(80%, 21rem) auto;
}
#footer .coordonnees	{ overflow:auto; background:#242d34 url('../img/yvelines.png') no-repeat center 90%; background-size:33%; color:#fff; padding-bottom:4em; }
#footer .coordonnees > div{ width:50%; float:left; padding:0 1em; margin-top:1.4em; text-transform:uppercase; }
#footer .coordonnees .nb1{ text-align:right; border-right:1px solid #fff; }
#footer .coordonnees h3,
#footer .coordonnees strong{ color:#fff; font-size:1em; }

#breadcrumbs		{ display:table; width:100%; margin:0; background:#646a6e; font-size:0.8em; font-family:'Oswald', sans-serif; font-weight:300; color:#fff; text-transform:uppercase; }
#breadcrumbs > div	{ display:table-cell; padding:0.3em; }
#breadcrumbs #share	{ width:19%; border-left:1px solid #aaa; text-transform:none; }
#breadcrumbs #share a{ font-family: 'Sorts Mill Goudy', serif; font-style:italic; }
#breadcrumbs a		{ color:#fff; text-decoration:none; }
#breadcrumbs #path a{ padding:0 0.3em; border-right:1px solid #fff; }
#breadcrumbs #path span{ display:inline-block; padding:0 0.3em; }

.close{ display:block; width:40px; height:40px; position:absolute; top:1em; right:1em; background:url('../img/sprite.png') 15.5% 12.5%; background-size:1000%; text-indent:-9999em; }

.page-header		{
	background:#333; padding:4em 2em 1em; background-position:center; background-size:cover;
	display: flex;
	align-items: flex-end;
}
.page-header h1 {
    margin: 0 24rem 2rem 300px;
}
.page-header h1	span{ display:table; line-height:1em; padding:0.1em 0.3em; background:rgba(0,0,0,.7); color:#fff; }
.page-header h1	span:first-child{ padding-top:0.2em; }
.page-header h1	span:last-child{ padding-bottom:0.2em; }

/* Page d'accueil */
	.accueil #header	{ background:none; }
	.accueil #header.colored { background:#cfd1d2; }
	.accueil .page-header{ height:100%; height:100vh; position:relative; background:url('../documents/images/pages/home/eglise-hiver-640.jpg') center; background-size:cover; }

/* Horaires ::::::::::::::::::::::::::::::::::::::::::: */

	.tous-horaires .table > div	{ padding:3em; text-transform:uppercase; }
	.tous-horaires dl			{ text-transform:uppercase; }
	.tous-horaires .table > div:first-child{ background:#c4c5c7; }

#bulles						{ position:absolute; top:12vh; right: 8%; width:52vw; /*max-width:225px;*/ }
	#bulles > *	{ position:relative; /* width:30vw; top:10vh;height:50vw; max-width: 300px;*/ width: 100%;padding:0.65em; margin: 0 0 2em 0; text-align:center;
					/*background-size:contain; background-repeat: no-repeat;*/ color:#000; background:#ffa10d; border-radius:17px; }
	#bulles > *:after{ content:' '; height:8vw; width:16vw; bottom:-7vw; left:2vw; background:url('../img/aileron-jaune.png') no-repeat; background-size:contain; position:absolute; }
	#bulles h3	{
		font-style: normal;
    font-family: inherit;
	}
	#horaires:after	{ background-image:url('../img/aileron-vert.png'); }

.formAbonnement {
	max-width: 100%;
	width: 500px;
	margin: 1em auto 3em;
}
.formAbonnement .content {
	display: flex;
}
.formAbonnement .content > * {
	margin: 0;
}

	#bulles	#abonnement {
		background-color: #ff3d71;
	}
	#bulles	#abonnement:after	{ background-image:url('../img/aileron-rose.png'); }
	#bulles	#abonnement a {
		text-decoration: none;
		color: #fff;
	}
	#bulles	#abonnement a:hover {
		text-decoration: underline;
	}
	#bulles .title				{ font-family:'Oswald', sans-serif; text-align:left; font-size:0.8em; line-height:1.1em; margin-bottom:0.3em; color:#fff; text-transform:uppercase; }

	#meteo .date	{ font-size:0.6em; font-style:italic; }
	#meteo			{ /*background-image:url('../img/meteo.small.png');*/ font-size:1.7em; }
	#meteo a,
	#horaires a		{ font-size:0.5em; display:block; }
	#horaires a.no-style{ font-size:1em; color:#fff; text-decoration:none; }
	#meteo img		{ width:65%; max-width:82px }
	#bulles hr		{ margin:0; border:0; border-top:1px dashed #000; }
	#horaires		{ /*top:35vh;*/ background:#33994b; /*background-image:url('../img/horaires.small.png');*/ font-size:1.2em; }
	#horaires h3	{ margin:0; font-style:normal; font-family:inherit; }

	.accueil .actus			{ position:absolute; width:100%; left:0; bottom:0; height:28%; overflow:hidden; }
	.accueil .actus:before	{ content:' '; position:absolute; z-index:1; display:block; width:100%; height:100%; background:#000; opacity:0.5; }
	.accueil .actus-container{ position:relative; z-index:2; width:2000em; }
	.accueil .actus-container .actu:nth-child(4) {
		display: none;
	}
	.accueil .actu			{ text-align:center; color:#fff; width:60vw; margin:1.4em 20vw; float:left; }

	.accueil .actu .date	{ /*padding-left:1.5em;*/ padding-left:0; background:none; }
		.actu .date			{ font-family:'Oswald', sans-serif; font-size:0.75em; display:table; text-transform:uppercase; margin:0 auto 0.2em; background:url('../img/calendar.png') no-repeat; background-size:contain; }
		.actu .titre		{ text-decoration:none; text-transform:uppercase; }
		.actu .more			{ background:none; display:table;/* width:70%;*/ margin:0.5em auto; border:1px solid #e7aa14; color:#e7aa14; text-decoration:none; }
		.actu .more:after	{ background:#e7aa14; }
		
	.actualites .actu .more	{
		border: 0;
		text-align: center;
	}
	.actualites .actu .more::after {
		display: none !important;
	}

	.actu .button		{ font-size:0.8em; }
	.actus .precedent,
	.actus .suivant { display:block; position:absolute; z-index:2; width:2.3em; height:2.3em; background-repeat:no-repeat; background-size:contain; top:25%;}
	.actus .precedent { display:none; background-image:url("../img/fleche-dore-gauche.png"); left:1.5em; }
	.actus .suivant { background-image:url("../img/fleche-dore-droite.png"); right:1.5em; }
	.actus .lien-ancre-1 {
		padding-bottom: 4px;
		display:block; position:absolute; z-index:2; background:url("../img/fleche-bas-blanche.png") no-repeat center; background-size:40%; width:4em; height:1em; border:1px solid #FFF; text-align:center; bottom:1.2em; left:50%; margin-left:-2em;}
	.actu .image		{ background-size:cover; background-position:center; }
	.ancre-1 { position:absolute; margin-top:-4.4em; }

	.accueil .actu .titre{ color:#fff; }

	.actualites .actus		{ overflow:auto; }
	.actu-complete .actu-content {
		display: grid !important;
		grid-template-columns: 1fr;
	}
	.actu-complete .img-actu	{
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center;
		padding-top: 70%;
	}
	.actu-complete img		{ /* width:50%; float:left; */ }
	.actu-complete .texte	{ width:100%; float:none; }
	.actu-complete.no-image{ width:96%; }
	.actu-complete.no-image .texte{ width:100%; float:none; }
	.actu-complete:after{ content:' '; display:block; clear:both; float:none; }

	.actu-complete .img-actu.valign-top {
		background-position: center top;
	}
	.actu-complete .img-actu.valign-center {
		background-position: center center;
	}
	.actu-complete .img-actu.valign-bottom {
		background-position: center bottom;
	}

	.actu-complete:nth-child(odd){ /*clear:left;*/ }

	.slide-actus {
		position: relative;
		overflow: hidden;
		aspect-ratio: 2/1;
	}

	.actu-agenda			{
		position: absolute;
		top: 0;
		left: 0;
		display:flex;
		transform: translateY(-100%);
		opacity: 0;
		transition: all .3s ease-in-out;
	}
	.actu-agenda.active		{
		transform: translateY(0);
		opacity: 1;
	}

	.actu-agenda:after		{ content:' '; display:block; clear:both; float:none; }


#horaires .libelles-jours 	{ overflow:auto; margin-bottom:0.5em; }
#horaires .day 				{  display:table-cell; display:none; }
#horaires .table > * 		{ vertical-align:middle; }
#horaires .day:nth-child(2) { display:block; }
#horaires ul 				{ padding:0; list-style:none; display:table; width:100%; }
#horaires li 				{ font-size:0.5em; display:table-cell; cursor:pointer; }
#horaires .selected 		{ color:#FFF; }
#horaires li.lib-jour-2 	{ width:50%; text-align:center; }
#horaires li.lib-jour-3 	{ text-align:right; }
#horaires .day 				{ text-align:center; font-size:0.9em; }
#horaires .hier,
#horaires .demain 			{ cursor:pointer; margin-top:0.7em; font-size:1.5em; }
#horaires .demain 			{ margin-left:4.5em; }
#horaires span.disabled		{ opacity:0; cursor:default; }

.tpl-contact				{ max-width:800px; margin:0 auto; }


	#fast-links		{ background:#e7aa14; }
	#fast-links	ul	{ list-style:none; margin:0; padding:1em 0; }
	#fast-links	li	{ display:inline-block; width:39%; padding:5%; }
	#fast-links	a	{ display:block; text-decoration:none; color:#000; font-family:'Oswald', sans-serif; font-size:0.75em; text-align:center; text-transform:uppercase; }
	#fast-links	li a:before{ display:block; width:50px; height:42.5px; margin:0 auto 0.5em; content:' '; background:url('../img/civil.png'); background-size:cover; }
	#fast-links	a.utiles:before{ background-image:url('../img/utiles.png'); }
	#fast-links	a.contactez:before{ background-image:url('../img/contactez.png'); }
	#fast-links	a.ecole:before{ background-image:url('../img/ecole.png'); }

	#acces-carte	{ padding:2em; background:url('../img/gmap.jpg'); background-size:cover; text-align:center; }

	.group .coordonnees		{ background:#d4d6d7; padding:2em; text-transform:uppercase; font-size:0.9em; text-align:left; }
	.coordonnees h3		{ color:#e7aa14; margin:0; font-style:normal; font-family:inherit; }
	.coordonnees .email	{ text-transform:none; }

	.group > div		{ text-align:center; padding:1.5em; }
	.padding .group > div	{ background:#ba9a8b; color:#000;  }

	.padding .group > .insitu-start,
	.padding .group > .insitu-end			{ display:none!important; }
	.padding .group > div h2{ color:#000; text-transform:none; margin-top:0; }
	.padding .group > div h2:after{ background:#000; }

	#bloc-accueil-1		{ background:url('../img/qdn.jpg'); color:#fff; }
	#bloc-accueil-1 h2	{ color:#fff; text-transform:uppercase; }
	#bloc-accueil-1 h2:after{ background:#e7aa14; }

	#bloc-accueil-3			{ background:url('../img/mairie.jpg'); color:#fff; }
	#bloc-accueil-3 h2		{ color:#fff; }
	#bloc-accueil-3 h2:after{ background:#fff; }

	#bloc-accueil-4		{ background:#ec9244; }

	#agenda-culturel	{ background:#d23c78; color:#fff; }
	#agenda-culturel .button {	font-size:0.7em; margin:1em; }
	#agenda-culturel h2	{ color:#fff; text-transform:uppercase; }
	#agenda-culturel h2:after{ background:#e7aa14; }

	.tpl-articles { padding:0 0 1px; overflow:auto;}
	.tpl { padding:2em 2em 1em; }
	.tpl-agenda-mini{ background:#fff; color:#2f4a61; text-align:center; padding:2em 0 0; margin-bottom:1em; }
	.tpl-agenda-mini .date { display:block; margin:0.4em 0 1em; }
	.tpl-agenda-mini:last-child{ margin:0; }
	.tpl-agenda-mini h3	{ margin:0; font-family:'Oswald', sans-serif; font-size:1em; font-style:normal; font-weight:normal; text-transform:uppercase; padding:0 0.5em; }
	.tpl-agenda-mini h3:after{ content:' '; display:block; height:2px; border-radius:2px; background:#d23c78; width:60%; margin:0.4em 20% 0; }
	.tpl-agenda-mini .agenda-thumb{ 
		/* height:4em; */
		padding-top: 141%;
		background-position:center;
		background-size:cover;
	}

	 /* QDN ::::::::::::::::::::::::::::::::::::::::::: */
	.tpl-articles .prochaine-derniere-parution	{ width:100%; float:left; padding:4%; }
	.tpl-articles .tpl-prochaine-parution { background-color:#FC3; margin-bottom:4%; padding:2em 2em; text-align:center; }
	.tpl-articles .tpl-derniere-parution h1 { font-size:2em; font-weight:bold; color:#40474d; text-align:center; position:relative; font-family:'Oswald', sans-serif; text-transform:uppercase; margin-top:0;}
	.tpl-articles .tpl-derniere-parution h1:after { content:' '; display:block; width:40%; margin:0.6em 30% 0; height:1px; background:#849bae; clear:both; float:none; }
	.tpl-derniere-parution .date		{ font-size:0.8em; }
	.tpl-articles .tpl-derniere-parution { background-color:#FFF;  overflow:auto; margin-bottom:1em; }
	.tpl-articles .tpl-derniere-parution.no-image .text { width:100%; float:none; }
	.tpl-articles .tpl-derniere-parution .text	{ background-color:#FFF; width:55%; float:right; }
	.tpl-articles .tpl-derniere-parution .texte	{ margin-bottom:2em; }
	.tpl-derniere-parution .date	{ text-align:center; display:block; margin-bottom:0.5em; }
	.tpl-articles .tpl-derniere-parution img { background-color:#FFF; width:40%; float:left; }
	.tpl-articles .tpl-parutions-archivees {  width:92%; float:right; background-color:#aaa; margin:0 4% 4% 4%; padding:2em; }
	.tpl-articles .tpl-parutions-archivees h2 { color:#FFF; font-size:1.4em; }
	.tpl-articles .tpl-parutions-archivees h2:after { background:#FFF; }
	.tpl-articles .tpl-parutions-archivees li { list-style-type:none; cursor:pointer; margin-bottom:0.5em; overflow:hidden; }
	.tpl-parutions-archivees ul { padding:0; }
	.tpl-parutions-archivees ul ul { margin-bottom:1em; }
	.tpl-parutions-archivees span { display:block; font-weight:bold; font-size:1.4em; }
	.tpl-parutions-archivees span.date{ color:#fff; margin-bottom:0; }
	.tpl-parutions-archivees .dates { display:none; }
	.tpl-parutions-archivees li:first-child .dates { display:block; }

	 /* Conseil municipal ::::::::::::::::::::::::::::::::::::::::::: */
	 .tpl-articles .prochain-dernier-conseil	{ width:100%; float:left; padding:4%; }
	.tpl-articles .tpl-prochain-conseil { background-color:#FC3; margin-bottom:4%; padding:2em 2em; text-align:center; }
	.tpl-articles .tpl-dernier-conseil h1 { font-size:2em; font-weight:bold; color:#40474d; text-align:center; position:relative; font-family:'Oswald', sans-serif; text-transform:uppercase; margin-top:0;}
	.tpl-articles .tpl-dernier-conseil h1:after { content:' '; display:block; width:40%; margin:0.6em 30% 0; height:1px; background:#849bae; clear:both; float:none; }
	.tpl-articles .tpl-dernier-conseil { background-color:#FFF;  overflow:auto; }
	.tpl-articles .tpl-dernier-conseil .text	{ background-color:#FFF; }
	.tpl-articles .tpl-dernier-conseil .texte	{ margin-bottom:2em; }
	.tpl-dernier-conseil .date	{ text-align:center; display:block; margin-bottom:0.5em; }
	.tpl-articles .tpl-conseils-archives {  width:92%; float:right; background-color:#aaa; margin:0 4% 4% 4%; }
	.tpl-articles .tpl-conseils-archives h2 { color:#FFF; font-size:1.4em; }
	.tpl-articles .tpl-conseils-archives h2:after { background:#FFF; }
	.tpl-articles .tpl-conseils-archives li { list-style-type:none; cursor:pointer; }
	.tpl-conseils-archives ul { padding:0; }
	.tpl-conseils-archives ul ul { margin-bottom:1em; }
	.tpl-conseils-archives span { display:block; font-weight:bold; }
	.tpl-conseils-archives .dates { display:none; }
	.tpl-conseils-archives li:first-child .dates { display:block; }
	.tpl-dernier-conseil .button	{ display:table; margin:0 auto 3em; }

	.tpl-prochain-conseil .texte	{ background:#fff; text-align:left; padding:1em; }

	.button	{
		border: 0;
		background:#e7aa14; text-decoration:none; display:inline-block; padding:0.4em 1.3em; font-family:'Oswald', sans-serif; font-size:1em; color:#000; text-transform:uppercase; }
	.button:after{ display:inline-block; width:0.5em; height:0.5em; margin:0 0 0.2em 0.25em; background:#000; content:' '; }

	/* Horaires */
	/*.tpl-horaires	{ width:60%; margin:0 auto; }*/
	.tpl-horaires dt{ width:20%; display:inline; font-weight:bold; }
	.tpl-horaires dd{ width:80%; display:inline; margin:0 0 1em; vertical-align:text-top; clear:right; }

	.tpl-horaires .table,
	.tpl-horaires .table > div{ display:block; width:100%; }

	.comments		{ text-transform:none; }

.results			{ padding-bottom:3em; }

.table				{ display:table; width:100% }
.table > * 			{ display:table-cell; vertical-align:top; }


@media (max-width:550px) {
	.table					{ display: block;}
	.table > * 			{ width:100%!important;display: block; }
}

.cols				{ display:table; width:100% }
.cols .col 			{ display:table-cell; vertical-align:top; padding:2%; }

.contents			{ padding:2em 0; }

.nav-aside			{ background:#c4c5c7; width:25%; list-style:none; padding:1em 0; margin:0; }
.nav-aside li		{ background:#d4d5d7; margin-bottom:2px; position:relative; }
.nav-aside li a		{ display:block; padding:1em 3.8em 1em 1em; text-decoration:none; font-family: 'Oswald', sans-serif; color:#40474D; text-transform:uppercase; font-size:0.8em; font-weight:bold; }
.nav-aside li a.current{ background:#e8e8e8; }
.nav-aside li a:after{ content:' '; display:block; position:absolute; top:50%; right:0.2em; margin-top:-0.65em; width:1.5em; height:1.3em; margin-right:1em; background:url('../img/fleche1.png') no-repeat; background-size:cover; }
.nav-aside li a.current:after{ background-image:url('../img/fleche.png'); }

.plus-loin						{ padding-bottom:5em; }
.plus-loin .content				{ width:100%; margin:0 auto; overflow:auto; }
.plus-loin .content > div		{ background:#3b4248; margin:2% 1%; padding:1em 2em; text-align:center; color:#fff; }

.tpl-articles .tpl-nb-0 		{ background:#65829a; }
.tpl-articles .tpl-nb-0 .texte,
.tpl-articles .tpl-nb-0 a		{ color:#fff; text-align:center; margin:0 auto; max-width:870px; }
.tpl-articles .tpl-nb-0 p 		{ margin:0; }
.section_18 li.open a.current,
.section_51 li.open a.current,
.section_52 li.open a.current,
.section_47 li.open a.current,
.section_42 li.open a.current	{ color:#fff; }

.section_18 .tpl-articles .tpl-nb-0,
.desktop li#pg18.open,
.desktop li#pg18 .sous-menu,
.section_18 .nav-aside li a.current:after,
.section_18 blockquote.tpl		{ background-color:#64829a; }
.section_18 li a.current		{ color:#64829a; }


.section_51 .tpl-articles .tpl-nb-0,
.desktop li#pg51.open,
.desktop li#pg51 .sous-menu,
.section_51 .nav-aside li a.current:after,
.section_51 blockquote.tpl		{ background-color:#ec9244; }
.section_51 li a.current		{ color:#ec9244; }

.section_52 .tpl-articles .tpl-nb-0,
.desktop li#pg52.open,
.desktop li#pg52 .sous-menu,
.section_52 .nav-aside li a.current:after,
.section_52 blockquote.tpl		{ background-color:#12a0c9; }
.section_52 li a.current		{ color:#12a0c9; }

.section_47 .tpl-articles .tpl-nb-0,
.desktop li#pg47.open,
.desktop li#pg47 .sous-menu,
.section_47 .nav-aside li a.current:after,
.section_47 blockquote.tpl		{ background-color:#6ba428; }
.section_47 li a.current		{ color:#6ba428; }

.section_42 .tpl-articles .tpl-nb-0,
.desktop li#pg42.open,
.desktop li#pg42 .sous-menu,
.section_42 .nav-aside li a.current:after,
.section_42 blockquote.tpl		{ background-color:#d33b78; }
.section_42 li a.current		{ color:#d33b78; }



.articles-temp,
.tpl-search { padding:0.5em 1.5em; }

.nav-ul 			{ list-style:none; padding:2.3em; }
.nav-ul li			{ display:block; padding:1em; background-size:cover; background-position:center; margin-bottom:1em; position:relative; }
.nav-ul a			{ display:block; text-align:center; font-family: 'Sorts Mill Goudy', serif; font-style:italic; color:#fff; font-size:1.4em; text-decoration:none; position:relative; z-index:1; }
.nav-ul li:before	{ content:' '; background:#000; width:100%; height:100%; opacity:0.4; position:absolute; top:0; left:0; z-index:0; }

.actualites .agenda-nav{ background:#d23c78; display:table; width:100%; font-size:0.8em; }
.actualites .agenda-nav a,
.actualites .agenda-nav span{ padding:0.3em; color:#fff; display:table-cell; text-align:center; font-family:'Oswald', sans-serif; text-transform:uppercase; }
.actualites .agenda-nav a	{ width:8em; text-decoration:none; cursor:pointer; }
.actualites .agenda-nav a.short{ width:3em; }
.actualites .agenda-nav .date { font-size:1.6em; }
.actualites .articles-temp	{ background:#e7e8e9; padding-top:1.5em; }
.actualites .actu			{ /*text-align:center;*/ margin-bottom:2em; background:#fff; }
.actualites .actu .titre	{ font-family:'Oswald', sans-serif; color:#2f4a61; margin-bottom:1em; display:block; }
.actualites .actu .titre:after{ content:' '; display:block; width:40%; margin:0.6em 30% 0; height:1px; background:#d23c78; clear:both; float:none; }
.actualites .actu .text { margin-bottom:1em; }
.actualites .actu .texte	{ padding:1em; }

.tpl-image-seule img	{ width:100%; padding:2em 0; }
blockquote.tpl			{ padding:0.5em 1.5em 0.5em; color:#fff; margin-bottom:2em; margin-top:0; background:#65829a; }
blockquote.tpl p { margin:1em; }
blockquote.tpl a { color:white; }
/* Sliders ::::::::::::::::::::::::::::::::::::::::::: */
.tpl-diaporama					{ width:100%; background:#64696f; padding:2em; }
.slider							{ display:table; margin:0 auto; }
.slider > div					{ 	
    display: inline-flex;
    max-width: 564px;
    align-items: center;
    vertical-align: top;
    text-align: center;
    justify-content: center;
}
.slider-cont					{ position:relative; width:60vw; height:29vw; }
.slider-cont img				{ width:auto; max-width:99%; max-height:99%; display:none; top:0; right:0; margin:0 auto; }
.slider-cont img:first-child	{ display:block; }
.tpl-diaporama .fleche.f-haut,
.tpl-diaporama .fleche.f-bas	{ color:#fff; font-size:4em; font-weight:bold; cursor:pointer; margin-top:8vw; display:block; }
.tpl-diaporama .texte			{ text-align:center; max-width:600px; color:#FFF; margin:0 auto; }

/* ALERT ::::::::::::::::::::::::::::::::::::::::::: */
.overlay.exp-overlay	{ display:none; position:fixed; width:96%; left:2%; top:10vh; max-height:90vh; background:#CCC; padding:3.5%; z-index:12000; }
.overlay img { /*width:30%; float:left;*/ }
.overlay .comment { /*width:68.5%; float:right; padding-left:1.5%; padding-left:2em;*/ }
.overlay h1,
.overlay h2,
.overlay h3 { margin:1% 0; font-size:1em; font-weight:normal; color:#b71234; text-align:left; text-transform:uppercase; font-family:'Oswald', sans-serif; }
.overlay h2:after { display:none; }
#mask-alert { z-index:11999; }

.overlay.expBandeau,
.overlay.expMeteo			{ padding:1em; background:#fff; opacity:0.93; width:100%; top:auto; left:0; top:100vh; }
.overlay.expBandeau		{ box-shadow:0 0 20px #333; padding-top:2em; }
.overlay.expBandeau .table	{ max-width:800px; margin:0 auto; }
.overlay.expBandeau .image	{ width:30%; text-align:right; }
.overlay.expBandeau .comment	{ width:auto; padding-left:1em; }
.overlay.expBandeau img	{ float:none; width:auto; }


/* OVERLAY AGENDA ::::::::::::::::::::::::::::::::::::::::::: */
.overlay-agenda 			{ background:#FFF; padding:0; }
.overlay-agenda .comment	{ padding:2em; }

/* IMAGE-TEXTE ::::::::::::::::::::::::::::::::::::::::::: */

.tpl-image-texte { max-width:870px; margin:auto; overflow:auto; }
.tpl-image-texte .image { width:34%; float:left; }
.tpl-image-texte .texte { width:60%; float:right; margin-left:6%; }

/* ANNUAIRE ::::::::::::::::::::::::::::::::::::::::::: */

.tpl-articles .onglets { height:6em; padding:0; border-spacing:0.5em; width:96%; display:table; margin:1em auto; }

.tpl-articles li.categorie { background:#FFF; width:10.5%; display:table-cell; padding:1em; text-align:center; vertical-align:middle; font-size:1em; list-style-type:none; text-transform:uppercase; font-family:'Oswald', sans-serif; cursor:pointer; }
.tpl-articles li.selected { color:#FFF; background-color: #64829a; }

.section_18 li.categorie { border:solid 1px #64829a; }
.section_18 li.selected  { background:#64829a; }

.section_51 li.categorie { border:solid 1px #ec9244; }
.section_51 li.selected  { background:#ec9244; }

.section_52 li.categorie { border:solid 1px #12a0c9; }
.section_52 li.selected  { background:#12a0c9; }

.section_47 li.categorie { border:solid 1px #6ba428; }
.section_47 li.selected  { background:#6ba428; }

.section_42 li.categorie { border:solid 1px #d33b78; }
.section_42 li.selected  { background:#d33b78; }

.tpl-articles .cat { display:none; }
.tpl-articles .cat:first-child { display:block; }
.tpl-articles .info #mask-alert { opacity:0.2; }
.tpl-articles .overlay { background-color:white; z-index:999999; margin-top:5%; left:50%; display:none; width:90vw; padding:2em; margin-left:-45vw; position:absolute; }
.tpl-articles .info { width:30.8%; float:left; margin:0 -2% 1% 3%; background-color:white; padding:4%; height:26em; overflow:auto;}

.tpl-articles .info .description { text-align:justify; }
.info a.button { bottom:1px; cursor:pointer; }
.tpl-articles .info h2 {
	font-size:1.3em;
	font-weight:normal;
    text-align: center !important;
}

.search-result			{ padding:1em; background:#fff; margin-bottom:1em; }

/* ELUS ::::::::::::::::::::::::::::::::::::::::::: */
#elus					{ overflow:auto; margin:1em auto; padding:0 2em; /*max-width:1000px;*/ }
.elu					{ /*margin:1%; width:14.6%;*/ flex: 0 0 14.6%; margin: 1em 1%;box-sizing:border-box; background:#fff; padding:1em; float:left; }
.elu.maire				{
	width: 98%;
	display: flex;
}
.elu.maire img {
	width: 16.4%;
	height: auto;
}
.elu h3					{ margin:0; font-size:1em; font-style:normal; font-family: 'Oswald', sans-serif; }
#elus .info				{ width:70%; float:right; height:auto; }

#listeParChoix			{ width:50%; float:left; margin: 0 1%; }
#liste-elus				{
	clear:both;
	float:none;
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
}

#liste-elus	 .elu:nth-child(-n+5){
	flex: 0 0 18%;
}

#liste-elus::after {
  content: "";
  flex: auto;
}

@media (max-width:1050px) {
.tpl-articles .info { width:47%; }
}
@media (max-width:550px) {

	.goto select{
		padding: .5em;
		font-size: 1.2em;
	}
	.tpl-articles .info { width:94%; }

	.tpl-diaporama {
		padding: 1em 0 0;
	}
	.tpl-diaporama .slider {
		display: block;
		position: relative;
	}

	.tpl-diaporama .slider > :not(.slider-cont) {
		display: block;
		position: absolute;
		z-index: 1;
		top: 20%;
	}
	.tpl-diaporama .slider > :first-child {
		left: 5px;
	}
	.tpl-diaporama .slider > :last-child {
		right: 5px;
	}
	.tpl-diaporama .slider-cont {
		display: block;
		width: 100%;
		padding-top:75%;
		position: relative;
	}
	.slider-cont img{
		width: auto;
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 50%;
			left: 50%!important;
		transform: translate(-50%,-50%);
	}

}

.tpl-publications-calameo {
	padding: 0 5rem 5rem;
}

.tpl-publications-calameo .parutions {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.tpl-publications-calameo .parutions::after {
	content: '';
	flex: 0 0 clamp(30%, 300px, 90%);
}

.tpl-parution-calameo {
	flex: 0 0 clamp(30%, 300px, 90%);
	display: flex;
	padding: 1rem !important;
	margin-bottom: 1rem;
}

.tpl-parution-calameo .img {
	flex: 0 0 40%;
	margin-right: 1rem;
}

.tpl-parution-calameo img {
	height: auto;
	border: 1px solid #999;
	padding: .35rem;
	box-sizing: border-box;
}

.tpl-parution-calameo .text {
	flex: 1;
}

.tpl-parution-calameo .text h3 {
	text-align: left;
	font-style: normal;
	margin-bottom: 0;
}

.tpl-parution-calameo .date {
	display: block;
	margin-bottom: .5rem;
	text-transform: capitalize;
	color: #888;
}