@media only screen and (max-width: 767px) {
	.section,
	#linked,
	#files,
	#submenu_1_container,
	#submenu_2_container,
	.head,
	#contact,
	#medias,
	#passwd_form,
	.filters,
	#agenda .events,
	#html,
	#links {
	    padding-left: 10px;
	    padding-right: 10px;
	}
	#linked {
	    margin-top: 0;
	}
	#practical .map {
	    margin: 10px auto 10px auto;
	}
	#practical .more {
	    margin-top: 5px;
	}


	/* Head */
	#header {
	    padding-bottom: 10px;
	}
	#link_logo {
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    background: #fff;
	    padding: 21px 0 15px 0;
	    z-index: 1500;
	    border-bottom: 1px solid #afafaf;
	}
	#link_nav {
	    text-indent: -9999px;
	    position: absolute;
	    top: 14px;
	    right: 14px;
	    height: 25px;
	    width: 25px;
	    background: url("../img/icon_nav.png");
	}
	#submenu_1_container,
	#submenu_2_container {
	    padding-top: 15px;
	    padding-bottom: 10px;
	}

		
	#container {
	    width: 100%;
	    padding: 0;
	}
	.head {
	    width: auto;
	    height: auto;
	    padding-bottom: 20px;
	}
	.head .title {
	    float: none;
	    height: auto;
	}
	.head .infos {
	    overflow: hidden;
	    height: 1.3em;
	}
	#agenda .head .image {
	    float: none;
	    width: auto;
	    position: absolute;
	    bottom: 0;
	    height: auto;
	}
	#agenda .head .flexslider .image {
	    position: relative;
	}
	#agenda .head .image img {
	    float: none;
	    width: 100%;
	}
	#agenda .head .selection,
	#agenda .head .selection li {
	    width: 100%;
	    height: 220px;
	}
	#agenda .head .flexslider .selection,
	#agenda .head .flexslider .selection li {
	    height: auto;
	}
	#agenda .head .nav a,
	#agenda .head .flex-control-nav a {
	    font-size: 18px;
	    padding: 5px 15px 5px 15px;
	    margin-bottom: 5px;
	    display: inline-block;
	}
	#agenda .head .nav,
	#agenda .head .flex-control-nav {
	    width: auto;
	    text-align: center;
	    position: static;
	    margin-top: 25px;
	}
	.head .images {
	    float: none;
	    width: auto;
	    bottom: 0;
	    height: auto;
	}
	.selection .head {
	    border: none;
	}
	.head .images li {
	    width: auto;
	    height: auto;
	}
	.head .images img {
	    float: none;
	    width: 100%;
	}
	.head .title {
	    width: auto;
	    margin-bottom: 20px;
	}

	.menu {
	    font-size: 14px;
	    /*line-height: 25px;
	    margin-bottom: 3px;*/
	    padding: 0;
	    display: inline-block;
	}


	/* Pages */

	.section .title,
	.section .infos {
	    float: none;
	    width: auto;
	}

	.section .infos {
	    margin-bottom: 20px;
	}

	.section .description {
	    width: auto;
	    float: none;
	}

	.section .title h3,
	.section .title h3 a,
	.section .title h2 a,
	.section .infos h3 a,
	.section .title h2,
	.section .infos h3 {
	    height: auto;
	}

	#tools {
		position: static;
	    padding: 0 0 15px 10px;
	    text-align: left;
		margin-top: 20px;
	}
	#tools a {
		margin-right: 10px;
		display: inline-block;
	}
	.module:hover .preview {
	    display: none;
	}


	/* Galery */
	.events {
	    width: auto;
	    /*text-align: center;*/
	}
	.event {
	    height: auto;
	}
	.event .date {
	    padding: 8px 0 8px 8px;
	}
	.event .name,
	.event .type {
	    padding: 0 8px 0 8px;
	}
	.event .artists {
	    padding: 0 8px 8px 8px;
	}

	#linked ul,
	#medias ul {
	    float: none;
	    width: auto;
	    text-align: center;
	}

	#linked>h3 {
	    float: none;
	    margin-bottom: 10px;
	}

	ul li.module,
	ul li.module.last_row {
	    float: none;
	    text-align: left;
	    margin-right: 0;
	    margin-bottom: 10px;
	    display: inline-block;
	    width: 100%;
	    height: auto;
	}

	.module .thumbnail {
	    width: 100%;
	    height: 100px;
	}

	.module img {
	    width: 100%;
	}

	#media .nav .path,
	#medias .nav .path {
	    width: auto;
	    height: auto;
	    line-height: 18px;
	    margin-bottom: 5px;
	}

	#media .nav .path a,
	#media .nav .path span,
	#medias .nav .path a,
	#medias .nav .path span {
	    padding: 5px;
	}

	.nav .buttons {
	    float: none;
	    line-height: 18px;
	    margin-top: 25px;
	    text-align: center;
	}

	.nav .buttons a,
	.nav .buttons span {
	    line-height: 30px;
	    padding: 5px;
	}

	#media #player img {
	    max-width: 100%;
	}


	/* Contact form */
	#contact_form label {
	    float: none;
	}
	#contact_form textarea,
	#contact_form input[type="text"],
	#contact_form select,
	#contact_form p,
	#contact_form .button_container,
	#contact_form input[type="email"] {
	    width: 100%;
	    padding: 0;
	}
	#contact_form input[type="text"],
	#contact_form input[type="email"] {
	    height: 25px;
	}
	#contact_form button {
	    width: 100%;
	}


	/* Files */
	#files .folders {
	    float: none;
	    width: auto;
	    margin-bottom: 15px;
	}
	#files .content {
	    float: none;
	    width: 100%;
	}
	#files .content ul {
	    text-align: center;
	}
	#files .content ul li a {
	    width: 100%;
	    height: auto;
	}


	/* Calendar */
	#agenda .filters h3 {
	    font-size: 14px;
	    line-height: 18px;
	    padding-left: 3px;
	}
	#agenda .filters h3 li a {
	    line-height: 20px;
	    padding: 0 3px 0 3px;
	}
	#agenda #search_form input {
	    font-size: 14px;
	    width: 100%;
	    height: 18px;
	}
	#agenda .filters .filters_menu li button {
	    font-size: 16px;
	    text-align: center;
	    width: 100%;
	    margin-top: 5px;
	    height: 20px;
	}
	#agenda .month h3 {
	    float: none;
	}
	#agenda .month {
	    padding-bottom: 0;
	}
	#agenda .month .nav {
	    float: none;
	    margin-top: 10px;
	}
	#agenda .month .nav a {
	    line-height: 25px;
	    padding: 0 10px 0 10px;
	    display: inline-block;
	}
	#agenda .month .nav a#calendar_next {
	    float: right;
	}
	#agenda .filters .filters_menu {
	    margin-top: 15px;
	    font-size: 16px;
	}
	#agenda #calendar-month h4 {
	    font-weight: bold;
	    font-size: 18px;
	    text-align: center;
	    color: #fff;
	    padding: 5px 0 5px 0;
	    background: #000;
	    margin: 20px 0 15px 0;
	}
	#agenda #calendar-month h5 {
	    font-weight: bold;
	    font-size: 14px;
	}
	#agenda #calendar-month h6 {
	    font-weight: normal;
	    font-size: 12px;
	    text-transform: uppercase;
	    margin-top: 3px;
	}
	#agenda #calendar-month h6 span {
	    width: auto;
	    color: #fff;
	    padding: 0 3px 0 3px;
	}
	#agenda #calendar-month p {
	    margin: 5px 0 5px 0;
	}
	#agenda .calendar-event {
	    margin-bottom: 15px;
	    background: #F5F5F5;
	    padding: 5px 0 5px 0;
	}
	#agenda #calendar-month .calendar-event a {
	    display: block;
	}
	#ajaxBrowser {
		width: 100%;
		box-sizing: border-box;
	}
	.ajax_container {
	    margin-top: 0;
	}
	.ajax_container .loading {
	    top: 0;
	}
	#cultural #video_items {
	    float: none;
	}
	#cultural #playlist {
	    margin: 15px 0 0 0;
	}
	#edito .title {
	    float: none;
	    height: auto;
	}
	#cultural .article_title,
	#cultural .article_text {
	    float: none;
	    height: auto;
	    width: auto;
	}


	/* Offers */
	#offers_index,
	#offers,
	#offer {
	    padding: 0;
	}
	#offers_index ul:last-of-type {
	    margin-bottom: 0;
	}
	#offers_index .publics ul,
	#offers_index .experiences ul {
	    margin: 15px 0;
	}
	#offers_index .experiences ul li {
	    padding: 0;
	    width: 100%;
	    margin-bottom: 15px;
	}
	#offers_index .places ul li {
	    padding: 0;
	    width: 100%;
	    margin-bottom: 15px;
	}
	#offers_index .periods ul li {
	    padding: 0;
	    width: 100%;
	    margin-bottom: 15px;
	}
	#offers_index .periods ul li:last-of-type {
	    margin-bottom: 0;
	}
	#offers_index .periods ul li img {
	    padding: 1.5em;
	    box-sizing: border-box;
	}
	#offers_index .periods ul li label {
	    width: 175px;
	}
	#offers_index .periods ul li label img {
	    left: 0;
	    padding: 0;
	}
	#offers_index .periods ul li label:after,
	#offers_index .periods ul li label:before {
	    left: 44%;
	}
	#offers aside {
	    float: none;
	    width: 100%;
	}
	#offers .results {
	    float: none;
	    width: 100%;
	    margin: 15px 0;
	}
	#offer {
	    margin: 15px 0;
	}
	#offer .description {
	    margin: 15px 0;
	}
	#offers .results .column.left,
	#offers .results .column.right,
	#offers .results .column {
	    float: none;
	    width: 100%;
		
	}
	#offers .results .column.right {
		padding: 10px;
	}
	#offers .results .column.left img {
	    width: 100%;
	}
	#offers_index .experiences ul li:nth-of-type(2n-1),
	#offers_index .experiences ul li:nth-of-type(2n),
	#offers_index .experiences ul li:nth-of-type(3n-1) {
	    padding: 0;
	}
	#offers_index .btn-container button.offers-btn {
	    width: 80%;
	}
}