@media only screen and (min-width: 1200px) {
	.view {
		min-height: 400px;
	}
	h1 {
		font-size: 2.5em;
	}
	h2 {
		font-size: 1.8em;
	}
	h3 {
		font-size: 1.3em;
	}
	.main-menu-top li, .main-menu-top li a {
		font-weight: normal;
		font-family: 'Museo300';
		font-weight: 300;
		font-size: 1.1em;
	}
	.header-phone {
		padding-left: 0.3rem;
	}
	.menu-contacts-img {
		margin-left: 0.6rem;
	}
	.coords-element-text {
		font-size: 1em;
	}
	.home-news-title h1 {
		font-size: 1.3em;
	}
	.home-news-title p, .home-news-teaser h2, .home-news-teaser p, .rgpd-read a, .rgpd-accept, .rgpd-refuse {
		font-size: 1em;
	}
	.slogan p {
		font-size: 1.7rem;
	}
	.teaser p  {
		font-size: 1.4em;
	}
	.teaser span p {
		font-size: 1.6em;
	}
	.savoir-faire-main-text p {
		font-size: 1.5em;
	}
	.chocolats .item-name, .douceurs .item-name, .evenements .item-name {
		font-size: 1.07em;
	}
	.savoir-faire .teaser {
		padding-top: 3.4em;
		padding-bottom: 3.4em;
	}
	.savoir-faire-main-text div {
		padding-top: 2.5em;
	}
	.home-teaser {
		margin-top: 2rem;
	}
	.teaser {
		padding: 2.6em 0;
	}
	.edito {
		padding-top: 1.9em;
	}
	.home-teaser .teaser-text {
		/*top: 18em;*/
		top: 2rem;
	}
	.home-teaser .teaser-text p {
		font-size: 2em;
	}
	.home-page .subtitle .subtitle-text {
		font-size: 2em;
		padding-top: 3em;
	}
	.home-pannel {
		margin-top: 1.9rem;
	}
	.submenu-top-title {
		font-size: 48px;
	}
	/* --- BOUTIQUE --- */
	.commander {
		padding: 0.4rem 0;
	}
	.patisseries .commander {
		margin-top: 1.2em;
	}
	.panier {
		padding-top: 1.9rem;
		padding-bottom: 1.9rem;
	}
	.panier h1 {
		font-size: 1.8em;
	}
	#salesPannel, #checkRedirect {
		top: 8em;
		left: 50%;
		margin-left: -480px;
		width: 960px;
	}
	#spinner {
		margin-top: 20em;
	}
	.pannel-bottom {
		min-height: 5em;
	}
	.pannel-table {
		margin-top: 2em;
	}
	.pannel-table th, .pannel-table td {
		padding: 0.5em 0;
	}
	#addResult, #addButton {
		margin-top: 1em;
	}
	.cart-table tr:last-child {
		padding-top: 2em;
	}
	.cart-table th {
		padding-bottom: 0.6em;
	}
	.cart-table td {
		padding: 0.1em 0.3em;
	}
	.cart-shipping-table {
		margin-top: 2em;
	}
	.cart-shipping-table th {
		padding-bottom: 0.6em;
	}
	.bouton-payer, .bouton-continuer {
		margin: 2em auto;
		padding: 0.4em 0.8em;
	}
	.cart-table .sous-total td {
		padding-top: 0.6em;
		padding-bottom: 0.5em;
	}
	.cart-table .total td {
		padding-top: 0.8em;
		padding-bottom: 0.8em;
	}
}

@media only screen and (max-width: 800px) {
	.col_1_of_4, .col_3_of_4 {
		width: 50%;
	}
	.col_1_of_3, .col_2_of_3 {
		width: 50%;
	}
	.col_2_of_3 {
		width: 44%;
		margin-left: 3%;
	}
	.col_2_of_3 .teaser {
		width: 100%;
	}
	.home-news-title p, .home-news-teaser h2, .home-news-teaser p, .rgpd-read a, .rgpd-accept, .rgpd-refuse {
		font-size: 0.8rem;
	}
	.macarons .col_1_of_4:nth-child(4n+1), .chocolats-noirs .col_1_of_4:nth-child(4n+1), .chocolats-au-lait .col_1_of_4:nth-child(4n+1), .patisseries .col_1_of_3:nth-child(3n+1), .desserts-glaces .col_1_of_3:nth-child(3n+1), .douceurs .col_1_of_3:nth-child(3n+1), .evenements .col_1_of_3:nth-child(3n+1) {
		clear: none;
	}
	.macarons .col_1_of_4:nth-child(4n+3), .chocolats-noirs .col_1_of_4:nth-child(4n+3), .chocolats-au-lait .col_1_of_4:nth-child(4n+3), .patisseries .col_1_of_3:nth-child(2n+1), .desserts-glaces:nth-child(2n+1), .douceurs:nth-child(2n+1), .evenements:nth-child(2n+1) {
		clear: left;
		float: left;
	}
	.macarons .image-title img, .chocolats .image-title img, .chocolats-noirs .image-title img, .chocolats-au-lait .image-title img, .patisseries .image-title img, .douceurs .image-title img, .desserts-glaces .image-title img, .evenements .image-title img {
		width: 92%;
	}
	.macarons .teaser, .chocolats .teaser, .chocolats-noirs .teaser, .chocolats-au-lait .teaser, .patisseries .teaser, .douceurs .teaser, .desserts-glaces .teaser, .evenements .teaser {
		width: 76%;
		margin-left: 0;
	}
	.header-phone {
		margin-top: 0;
	}
	.header-name-menu {
		margin-top: -4em;
		margin-left: 0;
		padding: 0;
		font-size: 1.6em;
		text-align: center;
	}
	.header-name {
		display: none;
	}
	.header-menu {
		height: 1.6em;
	}
	.header-menu-icon {
		margin-left: 2%;
	}
	#logo {
		width: 40%;
		margin-top: 1.5em;
	}
	.top-contacts {
		margin-right: 1%;
		margin-left: 2%;
	}
	.menu-contacts {
		display: none;
	}
	.header-top {
		height: 3em;
	}
	.main-menu {
		float: none;
		margin-left: 20%;
	}
	/*.main-menu-top {
		width: 45%;
		margin-left: 5%;
	}
	.main-menu-bottom li {
		padding-top: 0.4em;
	}*/
	.main-menu-top {
		width: 60%;
		margin-left: 42%;
	}
	.main-menu-top li, .main-menu-top li a {
		font-size: 1.1em;
	}
	.footer-element-column {
		width: 50%;
	}
	.footer-element-column-menu {
		display: none;
	}
	.main-menu-bottom {
		width: 100%;
	}
	.footer-element-column-menu-iphone {
		clear: left;
		display: block;
		background-color: #602a2e;
		padding: 2em 0;
	}
	.footer-element-column-menu-iphone .main-menu-bottom {
		width: 40%;
		margin-left: 10%;
	}
	.baseline-menu ul li {
		margin-bottom: 0.5em;
	}
	.banner {

	}
	.coords-element img, .coords-element-bg img {
		width: 118%;
		margin-bottom: 1.2rem;
	}
	.coords-element-text {
		margin-top: 1.4rem;
		margin-top: 4vw;
	}
	.coords-element-text h2 {
		font-size: 3.8em;
		/*font-size: 4vw;*/
	}
	.coords-element-text p {
		font-size: 1.9em;
		/*font-size: 3vw;*/
	}
	.home-news-title {
		padding-top: 0;
	}
	.home-news-title h1, .home-news-teaser h2 {
		font-size: 1.6em;
	}
	.home-news-title p, .home-news-teaser p {
		font-size: 1em;
	}
	.home-news-fb {
		clear: both;
		float: none;
		border-top: 10px solid white;
		margin-left: 0;
	}
	.view .col_1_of_3 {
		clear: both;
		width: 50%;
	}
	.view .col_2_of_3 {
		clear: both;
		width: 92%;
	}
	.col_2_of_3 {
		width: 44%;
		margin-left: 3%;
	}
	.col_2_of_3 .teaser {
		width: 100%;
	}
}

@media only screen and (max-width: 650px) {
	.col_1_of_3 .title-zone {
		width: 97%;
		margin-left: 2.5%;
	}
	.title-zone img {
		width: 100%;
	}
	.col_2_of_3 {
		width: 100%;
		margin: 0;
	}
	.col_2_of_3 .teaser {
		width: 97%;
		margin-left: 2.5%;
	}
	.macarons:nth-of-type(1) .col_1_of_3, .chocolats:nth-of-type(1) .col_1_of_3, .chocolats-noirs:nth-of-type(1) .col_1_of_3, .chocolats-au-lait:nth-of-type(1) .col_1_of_3, .patisseries:nth-of-type(1) .col_1_of_3, .douceurs:nth-of-type(1) .col_1_of_3, .desserts-glaces:nth-of-type(1) .col_1_of_3, .evenements:nth-of-type(1) .col_1_of_3, .macarons:nth-of-type(1) .col_2_of_3, .chocolats:nth-of-type(1) .col_2_of_3, .chocolats-noirs:nth-of-type(1) .col_2_of_3, .chocolats-au-lait:nth-of-type(1) .col_2_of_3, .patisseries:nth-of-type(1) .col_2_of_3, .douceurs:nth-of-type(1) .col_2_of_3, .desserts-glaces:nth-of-type(1) .col_2_of_3, .evenements:nth-of-type(1) .col_2_of_3 {
		float: none;
		width: 97%;
		margin: 0;
		padding: 0;
	}
	.title-zone p {
		font-size: 2em;
	}
	.teaser span p, .teaser p, .savoir-faire .teaser p {
		font-size: 1.4em;
	}
	.savoir-faire .col_1_of_3, .savoir-faire .col_2_of_3 {
		width: 98%;
		margin: 0;
	}
}

@media only screen and (max-width: 400px) {
	/*.header-top {
		display: none
	}
	.header-name-menu {
		display: none;
	}
	#top-menu {
		min-width: 0;
	}*/
	body {
		background-position-y: 5em;
	}
	.home-news, .home-news-teaser {
		margin-top: 1rem;
	}
	.home-news .col_1_of_3, .home-news .col_2_of_3 {
		width: 100%;
	}
	.home-news-title {
		padding-left: 8%;
	}
	.home-news-fb {
		float: right;
		margin-top: -3rem;
	}
	.home-page .subtitle .subtitle-text {
		padding-top: 0.4rem;
		font-size: 1em;
	}
	#top-menu {
		top: -4.5rem;
		min-width: 0;
		z-index: 2000;
		background-color: rgba(96,  42,  46, 0.75);
	}
	.main-menu-top {
		float: none;
		width: 90%;
		margin-top: 0;
		margin-left: 10%;
	}
	.main-menu-top:first-of-type {
		width: 90%;
		margin-left: 10%;
	}
	#container {
		margin: 10rem 0 0 0;
		/*border: 1px solid red;*/
	}
	#content {
		/*border: 1px solid navy;*/
	}
	#logo {
		width: 50%;
	}
	.header-menu-icon {

	}
	.header-networks {
		padding-top: 6em;
	}
	.header-name-menu {
		margin-top: -5em;
	}
	#logo {
		clear: both;
		position: relative;
		width: 45%;
		top: -2.5em;
		left: 2.5%;
		margin: 0;
		padding: 0;
	}
	.home-teaser .teaser-text p {
		font-size: 3.5vw;
	}
	.content-coords h1 {
		font-size: 1.2em;
		text-align: center;
	}
	.coords-element-text {
		font-size: 2.6vw;
		text-align: center;
	}
	.home-page .subtitle {
		position: static;
	}
	.home-page .subtitle .subtitle-text {
		font-size: 1.8em;
	}
	.col_1_of_4, .col_2_of_4, .col_3_of_4, .col_4_of_4, .col_1_of_3, .col_2_of_3, .col_3_of_3 {
		float: none;
		width: 100%;
	}
	.col_2_of_3 .view-content {
		width: 94%;
		padding: 0 3%;
	}
	.col_2_of_3 .view-content image {
		width: 100%;
	}
	.title-zone, .image-title {
		width: 100%;
		margin: 0;
	}
	.view-content h1 {

	}
	.macarons .teaser, .chocolats .teaser, .chocolats-noirs .teaser, .chocolats-au-lait .teaser, .patisseries .teaser, .desserts-glaces .teaser, .douceurs .teaser, .evenements .teaser, .savoir-faire .teaser  {
		float: none;
		width: 100%;
		margin: 0;
	}
	.item, .macarons .item, .chocolats-noirs .item, .chocolats-au-lait .item, .patisseries .item, .desserts-glaces .item, .douceurs .item, .evenements .item {
		clear: left;
		float: none;
		width: 100%;
		margin: 2rem 0 0 0;
	}
	.macarons .col_1_of_4:nth-child(2n+1), .chocolats-noirs .col_1_of_4:nth-child(2n+1), .chocolats-au-lait .col_1_of_4:nth-child(2n+1), .patisseries .col_1_of_3:nth-child(3n+1), .desserts-glaces .col_1_of_3:nth-child(3n+1), .douceurs .col_1_of_3:nth-child(3n+1), .evenements .col_1_of_3:nth-child(3n+1) {
		margin-bottom: 2rem;
	}
	.macarons .item img, .chocolats-noirs .item img, .chocolats-au-lait .item img, .patisseries .item img, .desserts-glaces .item img, .douceurs .item img, .evenements .item img {
		width: 100%;
	}
	.douceurs .item-name, .evenements .item-name {
		font-size: 1.3em;
	}
	.savoir-faire-main-text, .savoir-faire-main-text div {
		padding-top: 0.5rem;
	}
	.savoir-faire-main-text div p {
		font-size: 1em;
	}
	.savoir-faire-main-text hr {
		margin: 1em 10%;
	}
	.view-content {
		width: 90%;
		padding: 2em 5%;
	}
	.footer-element-column h2 {
		font-size: 1.3em;
	}
	.footer-element-column-menu-iphone .main-menu-bottom {
		width: 45%;
		margin-left: 5%;
	}
	.facebook-icon {
		margin-top: 0;
		margin-left: 2%;
	}
	.iframe-resize {
		padding-bottom: 50%;
	}
}

/* iPAD */
/* iPad in portrait & landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  { /* STYLES GO HERE */}

/* iPad in landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) { /* STYLES GO HERE */}

/* iPad in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

}

/* Retina iPad in portrait & landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}

/* Retina iPad in landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}

/* Retina iPad in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */ }

/* iPad 1 & 2 in portrait & landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1){ /* STYLES GO HERE */}

/* iPad 1 & 2 in landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { /* STYLES GO HERE */}

/* iPad 1 & 2 in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1) { /* STYLES GO HERE */ }

/* iPad mini in portrait & landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {

}

/* iPad mini in landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {

}

/* iPad mini in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {

}

/* iPad mini Resolution
Screen Width = 768px (CSS Pixels)
Screen Height = 1024px (CSS Pixels)

Screen Width = 768px (Actual Pixels)
Screen Height = 1024px (Actual Pixels)

Device-pixel-ratio: 1*/

/* iPHONE */
/* iPhone 6 in portrait & landscape */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
	.cart-table .total {
		font-size: 1.2em;
	}
}

/* iPhone 6 in landscape */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) { /* STYLES GO HERE */}

/* iPhone 6 in portrait */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) { /* STYLES GO HERE */ }

/* iPhone 6 Plus in portrait & landscape */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
	.cart-table .total {
		font-size: 1.2em;
	}
}

/* iPhone 6 Plus in landscape */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape) { /* STYLES GO HERE */}

/* iPhone 6 Plus in portrait */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : portrait) { /* STYLES GO HERE */ }

/* iPhone 5 & 5S in portrait & landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) { /* STYLES GO HERE */}

/* iPhone 5 & 5S in landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) { /* STYLES GO HERE */}

/* iPhone 5 & 5S in portrait */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
	.cart-table .total {
		font-size: 1.2em;
	}
}

/* iPhone 2G-4S in portrait & landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) { /* STYLES GO HERE */}

/* iPhone 2G-4S in landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) { /* STYLES GO HERE */}

/* iPhone 2G-4S in portrait */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait) { /* STYLES GO HERE */ }

/*iPhone 5 Resolution
Screen Width = 320px (CSS Pixels)
Screen Height = 568px (CSS Pixels)*/

/*Screen Width = 640px (Actual Pixels)
Screen Height = 1136px (Actual Pixels)*/

/*Device-pixel-ratio: 2
iPhone 4/4S Resolution
Screen Width = 320px (CSS Pixels)
Screen Height = 480px (CSS Pixels)*/

/*Screen Width = 640px (Actual Pixels)
Screen Height = 960px (Actual Pixels)*/

/*Device-pixel-ratio: 2
iPhone 2G/3G/3GS Resolution
Screen Width = 320px (CSS Pixels)
Screen Height = 480px (CSS Pixels)*/

/*Screen Width = 320px (Actual Pixels)
Screen Height = 480px (Actual Pixels)*/

/*Device-pixel-ratio: 1*/