/* Header */
header #logo { width: 130px; padding: 20px;}

header nav { height: auto; background-color: #3b3c4b; padding: 20px 0; color: #fff;}
header nav>ul>li { width: 100%; height: auto; float: none;}
header nav>ul>li ul { background-color: #2a2a35;}
header nav button { height: auto; min-height: 50px;}

header nav>ul>li:hover>a, header nav>ul>li>a.active, header nav>ul>li:hover>span, header nav>ul>li>span.active { background-color: #2a2a35;}
header nav>ul>li:hover>a, header nav>ul>li:hover>a.active, header nav>ul>li:hover>span, header nav>ul>li:hover>span.active { border-color: inherit;}
header nav>ul>li>a.active, header nav>ul>li>span.active { border-color: transparent;}
header nav>ul>li:hover ul { box-shadow: 0 5px 5px 1px rgba(0,0,0,0.3);}

header form#search { padding: 10px 40px 10px 70px;}

#top .nav { display: none;}

#page-404 { width: 100%;}
#page-404 + #top-links { display: none;}
#top #slider .item .blur { display: none;}

/* Footer */
footer #footer-links { height: auto; overflow: hidden;}
footer #footer-links ul { display: block; width: calc(100% - 140px); padding: 20px 0;}
footer #footer-links ul li { display: block; width: 100%; padding-right: 20px; position: relative; top: 0; float: none; text-align: right; -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); height: auto;}
footer #footer-links ul li:not(:last-child) { margin-bottom: 10px;}
footer #footer-links ul li:first-child { display: none;}
footer #footer-links #footer-extern { display: block; width: 100%; height: 50px; background-color: #2a2a35; float: none; clear: both; line-height: 1;}
footer #footer-links #footer-extern span { display: block; width: 50%; float: left; margin: 0; position: relative; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
footer #footer-links #footer-extern span:first-child { display: block; padding: 0 10px 0 20px;}
footer #footer-links #footer-extern span:last-child { line-height: 1; margin: 0; text-align: right; padding: 0 20px 0 10px;}

/* Content */
/* Home */
/* Poll */
#poll>.col-60 { padding: 20px 0;}
#poll-form .col-container { display: block; width: 100%; padding: 0 20px;}
#poll-form .col-container>* { display: block; width: 100%; padding: 20px 0;}
#poll-form .col-container>.txt { border-bottom: 1px solid #e7e7e7;}

.feed { height: auto;}
.feed-title { padding: 0 20px;}
.feed-list li a::after { display: none;}

#news, #events { display: block; width: 100%; padding-bottom: 250px; position: relative;}
#news .img, #events .img { height: 250px; position: absolute; bottom: 0; left: 0;}
#news>*, #events>* { display: block; width: 100%;}

#news { margin-bottom: 20px;}

#gallery:not(.full) { display: none;}

#main-title, #main-title.full { width: 100%; position: relative; bottom: 0; left: 0; padding: 40px 20px;}
#main-title::after { left: 20px;}
main, main.full, aside#nav { width: 100%; float: none;}
main article { padding: 40px 20px;}

#back { width: 50px; overflow: hidden;}

aside#nav { margin-bottom: 20px;}
aside#nav h2 { height: 60px;}
aside#nav ul:not(#filters) li { width: 100%; margin-right: 0;}

#filters li { width: calc((100% - 1px) / 3);}
#filters label { padding: 0 20px 0 40px;}
#filters label::before { left: 20px;}
#filters label::after { left: 21px;}

.bloc-container { padding: 0;}
.bloc-container .col-33 { width: 100%; height: 350px; padding: 0 0 20px 0; float: none;}
.bloc-container .col-33 .txt { padding: 40px 30px 40px 20px;}

#load-more { width: calc(100% - 40px); margin: 0 20px 20px 20px;}

#cont_a379b0229a6366fedbc3df4155a67458 { display: none;}

#gallery.full .img { width: 50%;}

/* Agenda */
main.agendapage #calendar { width:100%; padding:20px;  }
main.agendapage .bloc-container-agenda { width:100%; }
main.agendapage .bloc-container .col-33 { width: 100%; height: 320px; }

/* Arrêtés */
.bylaw-filter-container {
    flex-direction: column;
    padding-bottom: 40px;
    padding-right: 40px;
}

main .bylaw{
    flex-direction: column;
    gap: 1em;
    padding: 20px;
}

.bylaw-filter-reset {
    padding: 0.75em;
    margin-top: 1em;
}

@media screen and (max-width: 400px) {
	.feed-title { height: auto; padding: 20px;}
	.feed-title h3 { width: 100%; float: none; text-align: center; position: static; margin-bottom: 15px; -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
	.feed-title a { width: 100%; float: none; position: static; margin: auto;}
    
/*PopUP*/
.popup {
    margin: 25px;
    width: calc(100% - 50px);
    height: calc(100vh - 50px);
}