main h1, #main-title h1 { font-size: 25px;}

/* Header */
header { height: 150px; position: relative;}

header #hamburger { display: block; width: 100px; height: 100px; background-color: #f8f8f8; position: relative; float: right; cursor: pointer;}
#hamburger span, #hamburger span::before, #hamburger span::after { display: block; width: 24px; height: 2px; background-color: #f95d43; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out;}
#hamburger span { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
#hamburger span::before, #hamburger span::after { content: ' '; position: relative;}
#hamburger span::before { top: -6px; -webkit-transform-origin: bottom left; transform-origin: bottom left;}
#hamburger span::after { top: 4px; -webkit-transform-origin: top left; transform-origin: top left;}

#hamburger.active { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
#hamburger.active span { height: 0; left: calc(50% + 3px);}
#hamburger.active span::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: -10px;}
#hamburger.active span::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 5px;}


header nav { width: 0; position: absolute; top: 101px; left: 0; background-color: #fff; z-index: 100; opacity: 0; overflow: hidden; transition: opacity .2s ease-out, width 1ms linear .2s;}
header #hamburger.active + nav { width: 100%; opacity: 1; transition: opacity .2s ease-out; overflow: visible;}

header form#search { width: 100%; height: 50px; padding: 10px 40px 10px 320px;}
header form#search label { border-bottom: 0;}

#top { height: 420px;}
#page-404 { padding: 30px;}
#page-404::before { height: 420px; top: calc(50% - 210px);}
#top #top-links li { margin-bottom: 0;}

/* Footer */
footer #footer-infos, footer #footer-sitemap { display: none;}
footer #footer-links ul { width: calc(100% - 305px);}
footer #footer-links #footer-extern { width: 165px;}
footer #footer-links #footer-extern span:last-child { margin: 0 25px 0 0;}
footer .fb-like { display: none;}

/* Content */
/* Home */
#poll { display: block;}
#poll>.col-40 { display: none;}
#poll>.col-60 { display: block; width: 100%; padding: 40px;}

#news>*, #events>* { width: 50%;}

/* main */
#main-title { width: calc(100% - 320px); left: 0;}
#main-title:not(.full) { max-width: none; -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
main, main.full, aside#nav { width: 100%; float: none;}
main article { max-width: none;}

#left-col { position: absolute; top: -470px; width: auto;}
#back { margin: 0;}

aside#nav ul:not(#filters) { overflow: hidden;}
aside#nav ul:not(#filters) li { width: calc((100% - 4px) / 3); margin-right: 2px; float: left;}
aside#nav ul:not(#filters) li button::before { display: none;}
aside#nav ul:not(#filters) li:nth-child(3n+3) { margin-right: 0;}

#filters { overflow: hidden;}
#filters li { width: calc(100% / 6); float: left;}

#gallery.full .img { width: calc((100% - 1px) / 3);}

/* Arrêtés */
.bylaw-filter-container {
	padding-left: 40px;
	border-left: 2em solid white;
	border-right: 2em solid white;
}

.bylaw-list {
	width: calc(100% - 4em);
	margin: 0 2em;
}
main .bylaw {
	width: 100%;
	max-width: 1000px;
	margin: auto;
}

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

@media screen and (max-width:900px) {
    main.agendapage .bloc-container .col-33 { width: calc((100% - 1px) / 2);}
}