#header,footer,aside,article,section{ display:block; }


h1							{ font-size:3.5em; margin-top:3em; }
h2							{ font-size:2em; font-weight:bold; }
p							{ margin-top:0; }
a							{ outline:none; }
a img						{ border:0; }
.button						{ cursor:pointer; }

#main						{ /*margin-top:100px;*/ }
#logo,
#logo img					{ width:320px; }

#header						{ padding:0 2em; z-index:11000; }
#header nav					{ display:block; position:relative; margin-left:1em; width:auto; height:auto; background:none; float:left; overflow:visible; }
#header ul					{ padding:0; margin:0; }
#header li					{ display:inline-block; position:relative; border:0; padding-top:1em; }
#header li a					{ font-size:1em; padding-top:0.8em; display:block; }
#header li a:hover			{ color:#fff; }

#header ul .sous-menu		{ display:none; position:fixed; top:4em; left:0; width:100%; padding:1.3em 2em; background:#65829A; border:0; height:auto; }
#header .sous-menu a		{ padding:0; color:#fff; font-weight:normal; text-transform:uppercase; font-size:0.85em; position:relative; z-index:10000; }
#header .sous-menu a:before	{ width:0.5em; height:0.5em; background:#ddd; margin:0.05em 0.6em 0 0; display:inline-block; content:' '; position:absolute; left:-1em; top:0.5em; }
#header .sous-menu ul		{ box-sizing:border-box; height:auto; padding:1em 1em 1em 2em; width:24%; float:left; /*position:fixed; left:0; top:3.8em;*/ }
#header .sous-menu li		{ display:block; text-align:left; padding:0.5em; border:0; }
#header .sous-menu ul ul	{ padding: 1em 1em 1em 2em }

#header .sous-menu .menu.level1			{ width:73%; }

#header .sous-menu .menu.level1:where(.count-1, .count-2, .count-3) { display: flex; flex-wrap: wrap; }
#header .sous-menu .menu.level1 li		{ 
	flex: 1;
}
#header .sous-menu .menu.level1 li.t1 {
	flex: 100%;
}
#header .sous-menu .menu.level2,
#header .sous-menu .menu.level1 li li	{ width: auto; }
#header .sous-menu .menu.level3			{ display:none; }

.menu-thumb					{ width:25%; height:15vw; background-position:center; float:left; }

#header nav > ul > li.open a	{ color:#fff; }
/*#header nav > ul > li.open,
#header nav > ul > li .sous-menu	{ background:#65829A; }

#header nav > ul > li.open:nth-child(2),
#header nav > ul > li:nth-child(2) .sous-menu		{ background:#d23c78; }

#header nav > ul > li.open:nth-child(3),
#header nav > ul > li:nth-child(3) .sous-menu		{ background:#eb9243; }
*/
#header .sous-menu .close,
#header .sous-menu .parent	{ display:none; }

#form-search				{ position:static; box-shadow:none; margin-right:8px; float:right; display:block; height:auto; width:auto; max-width:200px; background:none; padding:1.55em 0 0; }
#form-search fieldset		{ height:auto; }
#form-search .close			{ display:none; }
#form-search label			{ width:100%; margin:0; background:#fff; padding:0.3em; margin-bottom:5px; }
#form-search input			{ padding:0; text-transform:none; }
#form-search .submit		{ width:14%; cursor:pointer; text-indent:-99999em; background:#FFA10D; }

footer						{ background-size:auto; }
#footer .coordonnees		{ background-position:1em 2em; background-size:15%; padding-bottom:2em; }

.page-header				{ height:35vw; max-height:550px; }
.accueil .page-header		{ height:60vw; max-height:none; height:100vh; background-image:url('../documents/images/pages/home/eglise-hiver-1366.jpg'); }

#fast-links	ul				{ max-width:1000px; margin:0 auto; }
#fast-links	li				{ width:14%; padding:2.3% 5%; }
#fast-links	a:before		{ width:100px; height:80px; }

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

.group						{ display:table; width:100%; }
.group > div				{ display:table-cell; width:33%; vertical-align:middle; }
.padding					{ padding:1em; }
.padding .group				{ border-collapse:separate; border-spacing:1em; }

.group #acces-carte			{ width:60%; vertical-align:middle; }
#agenda-culturel			{ width:70%; }
#agenda-culturel > div		{ display:table; width:100%; }
.tpl-agenda-mini			{ display:table-cell; width:33%; }

#bulles						{
	position:absolute; top:18vh; right:3%; width:52vw;
	width: 24vw;
	min-width: 300px;
}
#bulles > *			{ /*position:static; height:20vw;*/ float: right; width:100%; font-size:1.7em; text-align:left; border-radius:28px; margin-bottom:2em; }
#bulles > *:after{ height:3vw; width:6vw; bottom:-3vw; left:2vw; }
#meteo a,
#horaires a					{ display:block; text-align:center; margin:0; color:#000; }

#bulles hr					{ margin-bottom:0.5em; }
#meteo						{ /*background-image:url('../img/meteo.png');*/ }
#horaires					{ /*background-image:url('../img/horaires.png'); top:25vw;*/ }
#meteo .temp				{ font-size:1.7em; font-weight:bold; display:inline-block; padding-left:0.2em; }
#meteo img					{ vertical-align:bottom; }
#bulles .time				{ text-align:center; }
.accueil .actus				{ height:auto; padding-bottom:4em; }
.accueil .actus-container	{ width: 100%; padding:2em 5% 1em; }
.accueil .actus-container:after{ content:' '; display:block; clear:both; float:none; }
.accueil .actu				{ width:30%; margin:1%; text-align:left; border-right:1px solid #fff; display: flex; }
.actu .date					{ display:block; }
.accueil .actu:last-child	{ border:0; }
.accueil .actu .image		{ float:left; margin-right:1vw; width:8vw; height:10vw; overflow:hidden; text-align:center; background-size:contain; background-repeat:no-repeat; background-position:top; }
.accueil .actu .image img	{ min-width:100%; margin:auto; max-width:none; height:100%; }
.accueil .actu .content		{ float:right; margin-right:1vw; width:16vw; }
.accueil .actu .titre		{ display:block; margin-bottom:0.8em; font-size:1.3em; min-height:2.2em; max-height:3.6em; overflow:hidden; }
.actu .more					{ margin:0; font-size:0.6em; }
.actus .lien-ancre-1		{ height:2.5em; width:6em; margin-left:-3em; background-position:center 1.6em; text-decoration:none; }
.actus .lien-ancre-1 span 	{  color:#FFF; font-family:'Oswald', sans-serif; text-transform:uppercase; font-size:0.7em; display:block; padding-top:0.43em; }
.ancre-1					{ margin-top:-6em; }

#agenda-culturel			{ clear:both; }

.nav-ul						{ max-width:500px; margin:0 auto; }
.nav-ul li					{ padding:4em; }

	.tpl { padding:2em 5em 1em; }
.tpl-texte-seul,
.tpl-texte-seul-colonnes,
blockquote.tpl			 	{ max-width:870px; margin-left:auto; margin-right:auto; }
.tpl-texte-seul-colonnes 	{ -webkit-column-count:2; -webkit-column-gap:2em; -moz-column-count:2; -moz-column-gap:2em; column-count:2; column-gap:2em; }
.tpl-texte-seul h2,
.tpl-texte-seul-colonnes h2 	{ -webkit-column-span:all; -moz-column-span:all; column-span:all; }
.tpl-articles .tpl-nb-0		{ max-width:none; -webkit-column-count:1; -moz-column-count:1; column-count:1; padding:2em 2em 2em; font-size:1.2em; }
.contents .tpl-texte-seul	{ max-width:none; -webkit-column-count:1; -moz-column-count:1; column-count:1; }

.plus-loin .content {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.plus-loin .content > div		{ /*float:left; width:31%;*/ min-height:10em; flex: 1; }

.overlay 					{ height:auto; width:45%; /*left:27.5%;*/ left:50%; top:10%;  }
.overlay-agenda 			{ max-width:600px; width:74%; left:50%; }
.overlay.exp-overlay		{ width:800px; left:50%; margin-left:-400px; top:10vh; max-height:90vh; background:#CCC; padding:3.5%; z-index:12000; }
.overlay.expBandeau .comment{ padding:0; }

.close { width:20px; height:20px; cursor:pointer; }

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.actus-group {
	display: grid;
}
.actus-group.actus-passees {
	grid-template-columns: repeat(3, 1fr);
	column-gap: 2rem;
}
.actus-group.actus-futures {
	grid-template-columns: repeat(2, 1fr);
	column-gap: 2rem;
}

.actualites .actu		 {
	/* height:18em; 
	float:left;*/
}
.actualites .actu .button { cursor:pointer; }
.actualites .actu .date,
.actualites .actu .titre		{ text-align:left; border:0; text-transform:none; font-size:20px; margin: 0 0 0.2rem; }
.actualites .actu .titre:after	{ display:none; }
.actualites .actu .texte	{ padding:2em; }

.actualites .actu-passee		{ height:auto; padding:1%; }
/* .actualites .actu-passee .date,
.actualites .actu-passee .titre		{ padding-left:1.5em; } */

.actu-complete .actu-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.actu-complete.no-image { }

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.plus-loin .content			{ width:80%; }

.actualites .agenda-nav { font-size:1.3em; }

.tpl-articles .tpl-parutions-archivees { width:21%; margin:4% 4% 4% 0; }
.tpl-articles .prochaine-derniere-parution { width:75%; }

.tpl-articles .tpl-conseils-archives { width:21%; margin:4% 4% 4% 0; padding:2%; }
.tpl-articles .prochain-dernier-conseil { width:75%; }

.tpl-articles .overlay { background-color:white; z-index:999999; top:50%; left:50%; display:none; width:600px; padding:2em; margin-left:-300px; position:absolute; }


.tpl-horaires	{ width:60%; margin:0 auto; }

@media (min-width:1210px) {
	#footer .coordonnees	{ background-size:10%; }
}
@media (max-width:1210px) {
	h1						{ font-size:2.5em; margin-top:4em; }
	.accueil .actu .titre	{ font-size:1.1em; }

}
@media (max-width:1170px) {
	#header li a					{ font-size:0.8em; }
	#header ul .sous-menu			{ top:3.4em; }
	/*#meteo,#horaires				{ font-size:1.5em; }
	.actualites .actu				{ width:64.5%; }
	.actualites .actu.no-image		{ width:31.3%; }
*/

}
@media (max-width:1100px) {

	h1						{ font-size:2em; margin-top:3em; }
	/*#meteo,#horaires		{ font-size:1.1em; }*/
	#bulles hr				{ margin:4px 0; }

	#meteo img				{ width:40%; }

	#header nav				{ margin-left:0.4em; }
	#header li				{ max-width:15vw; padding:1.34em 0.5em; }
	#header ul .sous-menu	{ }
}
@media (max-width:800px) {
	.tpl-articles .prochaine-derniere-parution,
	.tpl-articles .prochain-dernier-conseil { width:100%; }
	.tpl-articles .tpl-parutions-archivees,
	.tpl-articles .tpl-conseils-archives { width:92%; margin:0 4% 4% 4%; }

}
@media (max-height:800px) {
	#bulles				{ width:50vw; top:14vh; }
	/*#meteo,#horaires	{ font-size:1.1em; }*/

}
@media (max-width:760px) {
	#header li				{ max-width:15vw; font-size:0.8em; padding-top:1.45em; }
}