<style><!-- [et_pb_line_break_holder] -->/****************Advent Calendar 2017 - 1*****************/<!-- [et_pb_line_break_holder] -->/******Excerpt reveal on hover fullwidth blog layout******/<!-- [et_pb_line_break_holder] -->/**********************By Divi Soup***********************/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Position and size the posts*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-1 .et_pb_post {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> width: 30%;<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] --> margin-bottom: 0;<!-- [et_pb_line_break_holder] --> cursor: default;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Resize posts for smaller screens*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media all and (max-width: 980px) {<!-- [et_pb_line_break_holder] --> .ds-advent-1 .et_pb_post {<!-- [et_pb_line_break_holder] --> width: 50%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media all and (max-width: 479px) {<!-- [et_pb_line_break_holder] --> .ds-advent-1 .et_pb_post {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Remove image margin*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-1 .entry-featured-image-url {<!-- [et_pb_line_break_holder] --> margin-bottom: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Add the gradient overlay*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-1 .entry-featured-image-url:after {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 1)));<!-- [et_pb_line_break_holder] --> background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 1) 100%);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Position the title*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-1 .entry-title {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> bottom: 0;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> padding: 10px 20px 20px;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .5s ease;<!-- [et_pb_line_break_holder] --> transition: all .5s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Position the excerpt and read more*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-1 .post-content {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 0;<!-- [et_pb_line_break_holder] --> display: -webkit-box;<!-- [et_pb_line_break_holder] --> display: -ms-flexbox;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> -webkit-box-orient: vertical;<!-- [et_pb_line_break_holder] --> -webkit-box-direction: normal;<!-- [et_pb_line_break_holder] --> -ms-flex-direction: column;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> -webkit-box-pack: end;<!-- [et_pb_line_break_holder] --> -ms-flex-pack: end;<!-- [et_pb_line_break_holder] --> justify-content: flex-end;<!-- [et_pb_line_break_holder] --> bottom: 0;<!-- [et_pb_line_break_holder] --> padding: 20px;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .5s ease;<!-- [et_pb_line_break_holder] --> transition: all .5s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*For IE - Prevent text overflow*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-1 .post-content p {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Style the read more*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-1 a.more-link {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> clear: both;<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> color: #000;<!-- [et_pb_line_break_holder] --> background: #fff;<!-- [et_pb_line_break_holder] --> width: 100px;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> margin-top: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Switch content on hover*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-1 .et_pb_post:hover .entry-title {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> z-index: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-1 .et_pb_post:hover .post-content {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Limit the excerpt length on smaller screens*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media all and (max-width: 1400px) {<!-- [et_pb_line_break_holder] --> .ds-advent-1 .post-content p {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> max-height: 9em;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media all and (max-width: 1280px) {<!-- [et_pb_line_break_holder] --> .ds-advent-1 .post-content p {<!-- [et_pb_line_break_holder] --> max-height: 6em;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media all and (max-width: 1080px) {<!-- [et_pb_line_break_holder] --> .ds-advent-1 .post-content p {<!-- [et_pb_line_break_holder] --> max-height: 4.5em;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media all and (max-width: 980px) {<!-- [et_pb_line_break_holder] --> .ds-advent-1 .post-content p {<!-- [et_pb_line_break_holder] --> max-height: 100%;<!-- [et_pb_line_break_holder] --> overflow: visible;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media all and (max-width: 700px) {<!-- [et_pb_line_break_holder] --> .ds-advent-1 .post-content p {<!-- [et_pb_line_break_holder] --> max-height: 7.5em;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media all and (max-width: 479px) {<!-- [et_pb_line_break_holder] --> .ds-advent-1 .post-content p {<!-- [et_pb_line_break_holder] --> max-height: 100%;<!-- [et_pb_line_break_holder] --> overflow: visible;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*If you are using pagination*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-1 .pagination {<!-- [et_pb_line_break_holder] --> padding: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/****************Advent Calendar 2017 - 1*****************/<!-- [et_pb_line_break_holder] -->/***End - Excerpt reveal on hover fullwidth blog layout***/<!-- [et_pb_line_break_holder] -->/**********************By Divi Soup***********************/<!-- [et_pb_line_break_holder] --></style>

Gardons le contact

Ville de Thann


9 place Joffre
68800 Thann
Tel : 03 89 38 53 00
Fax : 03 89 37 96 32

Restez informé


Avec l’application mobile de Thann, infos commune.

Restez connecté


Suivez-nous sur les réseaux sociaux