@media only screen and (max-width: 999px) {
	#facebook-home-wrapper h3 {
		font-size: 1.4rem;
	}
	#fil-info-text-div {
		padding-top: 2.5em;
	}
	#fil-info-text-div h1 {
		font-size: 2rem;
	}
	#infos-wrapper h2 {
		font-size: 1.3rem;
	}
	.home-books {
		width: 25%;
	}
	#menu-nos-rayons-home ul li, #menu-nos-rayons-home ul li a {
		font-size: 1.5vw;
	}
	#menu-nos-rayons-home h2 {
		font-size: 3vw;
	}
	#lipc-home-text p, #lipc-home-text h2 span, #lipc-home-text p a {
		font-size: 1.4vw;
	}
	#lipc-home-text h2 {
		padding: 1.8em 0;
	}
}

@media only screen and (max-width: 966px) {
	.home-separator {
		margin-top: 3em;
	}
}

@media only screen and (max-width: 944px) {
	.favorite {
		width: 45.07%;
	}
}

@media only screen and (max-width: 928px) {
	#fil-info-text-div {
		padding-top: 2.3em;
	}
	#fil-info-text-div h2 {
		font-size: 1.2rem;
	}
	#fil-info-text-div p {
		font-size: 0.7rem;
	}
	#facebook-home-wrapper h3 {
		font-size: 1.3rem;
	}
	#facebook-home-wrapper p {
		font-size: 0.9rem;
	}
	#fil-infos-facebook {
		width: 40px;
	}
	.home-separator {
		clear: left;
		margin-top: 2em;
	}
	#lipc-home-text h2 {
		padding: 1.6em 0;
	}
}

@media only screen and (max-width: 893px) {
	#fil-info-text-div {
		padding-top: 5vw;
	}
	#fil-info-text-div h1 {
		font-size: 3.7vw;
	}
	#fil-info-text-div h1 span {
		font-size: 1.4vw;
	}
	#fil-info-text-div h2 {
		font-size: 2vw;
	}
	#fil-info-text-div p {
		font-size: 1.3vw;
	}
	.fil-infos-text {
		font-size: 1.8vw;
	}
	#facebook-home-wrapper h3 {
		font-size: 2.2vw;
	}
	#facebook-home-wrapper p {
		font-size: 1.7vw;
	}
	#fil-infos-facebook {
		width: 10%;
	}
	#lipc-home-text h2 {
		padding: 2vw 0;
	}
}

@media only screen and (max-width: 800px) {
	#menu-nos-rayons-home {
		width: 40%;
	}
	#menu-nos-rayons-home ul li {
		font-size: 90%;
		padding-bottom: 0.2em;
	}
	#menu-nos-rayons-home ul li a {
		font-size: 100%;
	}
	#home-favorites {
		display: block;
		width: 50%;
		margin-top: -200px;
		margin-left: 45%;
	}
	#home-shelf {
		width: 100%;
		margin-left: 0;
	}
	.home-books {
		width: 30%;
		margin-left: 3.3333%;
	}
	.home-separator {
		margin-top: 2em;
	}
	.event-wrapper {
		width: 32.1666%;
	}
	.event-wrapper:nth-child(4n+1) {
		margin-left: 1.75%;
	}
	.event-wrapper:nth-child(3n+1) {
		margin-left: 0;
	}
}

@media only screen and (max-width: 600px) {
	#fil-infos {
		position: static;
		max-height: none;
	}
	#fil-info-text-div {
		display: block;
		width: 96%;
		padding: 2em 2% 0 2%;
	}
	#fil-info-text-div h1 span {
		font-size: 110%;
	}
	#infos-wrapper ul li p {
		font-size: 110%;
	}
	#fil-info-vitrine {
		display: block;
		width: 100%;
	}
	#fil-info-vitrine img {
		max-width: none;
	}
	#facebook-home-wrapper {
		position: static;
		width: 100%;
	}
	#menu-nos-rayons-home {
		width: 50%;
	}
	#menu-nos-rayons-home ul li {
		font-size: 100%;
	}
	#menu-nos-rayons-home ul li a {
		font-size: 100%;
	}
	#home-favorites {
		display: block;
		/*float: left;*/
		width: 50%;
		margin-top: -250px
	}
	#home-shelf {
		width: 90%;
		margin-left: 110%;
	}
	.home-books {
		
	}
	#lipc-home-img {
		width: 100%;
		max-width: none;
	}
	#lipc-home-text {
		width: 100%;
	}
	#lipc-home-text p {
		font-size: 1rem;
	}
	#lipc-home-text h2.lipc-title span {
		font-size: 1.4rem;
	}
	.favorite {
		width: 90.15%;
	}
	.event-wrapper {
		width: 49.125%;
	}
	.event-wrapper:nth-child(2n+1) {
		margin-left: 0;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

	body {
		font-size: 140%;
	}

	p {
		font-size: 130%;
	}

	a {
		font-size: 140%;
	}

	#search {
		left: -95%;
		width: 95%;
		max-width: none;
	}

	#search-top-div a {
		font-size: 130%;
		padding-top: 1em;
		padding-right: 4%;
	}

	#search h2 {
		padding-left: 10%;
	}

	#search-upper-div, #search-bottom-div {
		width: 100%;
	}

	#search-top-col-1, #search-bottom-col-1 {
		float: none;
		margin-left: 0;
		width: 80%;
		padding: 2em 10%;
	}

	#search-top-col-2, #search-bottom-col-2 {
		float: none;
		width: 90%;
		padding-left: 10%;
	}

	.search-form label {
		font-size: 130%;
	}

	.search-form input {
		font-size: 120%;
	}

	.search-form .submit {
		width: 8em;
	}

	.search-form .submit input[type=submit] {
		font-size: 150%;
	}

	header {
		margin-top: 0;
		padding-bottom: 2em;
	}

	#logo {
		float: none;
		display: block;
		position: relative;
		width: 60%;
		margin-left: 20%;
		z-index: 200;
	}

	#logo img {
		width: 100%;
	}

	#reserver {
		position: relative;
		left: 6%;
		width: 40%;
		z-index: 201;
	}

	#slider-content {
		max-height: none;
		max-height: 563px;
	}

	#slide-pannel {
		display: none;
		position: absolute;
		top: -1000em;
	}

	#slider {
		width: 100%;
		margin-left: 0;
		overflow: hidden;
	}

	.slides {
		width: 300%;
	}

	.slides li img {
		width: 150%;
	}

	#defilement {
		margin-top: 1.5em;
	}

	#leftArrow, #rightArrow {
		width: 10%;
	}

	#centerArrow {
		width: 80%;
		margin-top: 0.8em;
	}

	.home-favorites-article {
		overflow: auto;
	}

	ul#favorites-slider {
		width: 10000px;
	}

	#favorites-slider li {
		width: 334px;
		height: 504px;
	}

	.home-favorites-nav {
		display: none;
	}

	.filtrer-rayon a {
		font-size: 200%;
	}

	.months-line, .titre-agenda {
		font-size: 200%;
	}

	.paging {
		font-size: 130%;
	}

	.contact {
		width: 90%;
		padding: 1em 5%;
	}

	#contact-col-1, #contact-col-2 {
		width: 94%;
		float: none;
	}

	.contact-form legend {
		font-size: 150%;
	}

	.contact-form label, .contact-form input, .contact-form textarea {
		font-size: 120%;
	}

	.contact-form input {
		padding: 0.3em 0;
	}

	.contact-form .submit input[type=submit] {
		font-size: 150%;
	}

	.favorite {
		background-image: none;
		background-color: white;
	}

	.favorite_col_1 {
		display: inline-block;
		width: 60%;
		background-image: none;
		background-color: white;
	}

	.favorite_col_2 {
		display: inline-block;
		width: 30%;
		background-image: none;
		background-color: white;
	}

	.favorite_col_2 img {
		width: 100%;
	}

	.favorite_col_3 {
		display: block;
		width: 92%;
		background-image: url(../img/theme/fond-coups-de-coeur.png);
		background-position-x: -700px;
		background-repeat: repeat-y;
	}

	.agenda-wrapper {
		width: 100%;
		padding: 0;
		float: none;
	}

	.agenda-content {
		width: 80%;
		padding: 0 10%;
	}

	.agenda-content img {
		width: 100%;
	}

	h3.agenda-date {
		font-size: 200%;
	}

	.librairie-available, .librairie-not-available {
		font-size: 130%;
		margin-top: 1.2em;
		width: 90%;
	}

	#footer {
		font-size: 150%;
	}

	#footer ul li {
		display: block;
		background-image: none;
	}

	#footer a {
		font-size: 140%;
	}
}