@media only screen and (max-width: 840px) {
	#stats-entreprises {
		margin-top: 7vw;
	}
	#stats-producteurs, #stats-texte-producteurs, #stats-affineurs, #stats-laiteries {
		margin-top: 12.8vw;
	}
	.stats-textes {
		margin-top: 13.2vw;
	}
	#stats-litres {
		margin-top: 3.5vw;
	}
	#stats-emplois {
		margin-top: 7vw;
	}
	#stats-textes-emplois {
		padding-top: 10vw;
	}
}

/*	the iPhone 4 is 640×960 and the iPhone 5 is 640×1136	*/
/*	the iPad 2 is 1024x768 and the iPad 3 and 4 is 2048x1536	*/

@media only screen and (max-width: 640px) {
	#main p.multi-images_4 img {
		width: 50%;
		/*max-width: 215px;*/
	}

	#main p.multi-images_2 img {
		width: 100%;
		/*max-width: 430px;*/
	}
}

/******************************************/

/* IPHONE 5 */
@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 568px)
	and (orientation : portrait)
{

	#standard-menu-icon {
		display: block;
		max-width: 40px;
		margin-bottom: 1em;
		margin-left: 5%;
	}

	#horizontal-menu {
		display: none;
	}

	.menu-icons {
		display: none;
	}

	#top {
		overflow: hidden;
	}

	#top img {
		width: 140%;
		margin-left: -20%;
	}

	#main {
		float: none;
		width: 100%;
		margin-top: 0.8em;
	}

	#menu-icons-home li {
		width: 33.3333%;
	}

	#rubrique {
		max-height: none;
	}

	.top-image {
		max-width: 30%;
	}

	#mosaique {
		width: 72%;
		max-width: none;
		max-height: none;
	}

	.mosaique-element {
		display: none;
	}

	.mosaique-carte {
		width: 100%;
		max-width: none;
	}

	.colonne-producteurs-bottom {
		width: 100%;
		padding-top: 2em;
		padding-bottom: 2em;
	}

	.colonne-producteurs-bottom ul li a {
		font-size: 100%;
		line-height: 200%;
	}

	h4.producteurs, h4.affineurs, h4.laiteries {
		font-size: 150%;
	}

	#blog-nav {
		width: 90%;
		float: none;
		padding: 2em 5% 3em 5%;
	}

	#blog-content {
		width: 90%;
		margin-left: 0;
	}

	#blog-content img {
		max-width: 100%;
	}

	.recettes {
		width: 47%;
	}

	.ingredients {
		float: none;
		width: 96%;
		margin-left: 2%;
	}

	.preparation {
		float: none;
		width: 90%;
		margin: 0;
		padding: 2em 5%;
	}

	#main .contact-text {
		width: 100%;
		float: none;
	}

	.col_3 {
		width: 100%;
		margin-left: 0;
	}

	#main p.multi-images_4 img {
		width: 50%;
	}

	#main p.multi-images_3 img {
		float: none;
		width: 100%;
	}

	.map {
		padding-bottom: 64%;
	}

	.logo-home, .logo {
		float: left;
		max-width: 150px;
		padding: 0;
		margin-left: 2%;
	}

	footer {
		padding-top: 2em;
		padding-bottom: 2em;
	}

	footer p {
		line-height: 180%
	}

}

@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 568px)
	and (orientation : landscape)
{
	body {
		font-size: 130%;
	}

	#standard-menu-icon {
		display: block;
		max-width: 94px;
		margin-bottom: 1em;
		margin-left: 5%;
	}

	#horizontal-menu {
		display: none;
	}

	.menu-icons {
		display: none;
	}

	#main {
		float: none;
		width: 100%;
		margin-top: 0.8em;
	}

	#menu-icons-home li {
		width: 33.3333%;
	}

	#rubrique {
		max-height: none;
	}

	h1 {
		font-size: 300%;
	}

	#mosaique {
		width: 72%;
		max-width: none;
		max-height: none;
	}

	.mosaique-element {
		display: none;
	}

	.mosaique-carte {
		width: 50%;
		max-width: none;
	}

	.colonne-producteurs-bottom {
		width: 100%;
		padding-top: 2em;
		padding-bottom: 2em;
	}

	.colonne-producteurs-bottom ul li a {
		font-size: 100%;
		line-height: 200%;
	}

	h4.producteurs, h4.affineurs, h4.laiteries {
		font-size: 150%;
	}

	#blog-nav {
		width: 90%;
		float: none;
		padding: 2em 5% 3em 5%;
	}

	#blog-content {
		width: 90%;
		margin-left: 0;
	}

	#blog-content img {
		max-width: 100%;
	}

	.recettes {
		width: 47%;
	}

	.ingredients {
		float: none;
		width: 96%;
		margin-left: 2%;
	}

	.preparation {
		float: none;
		width: 90%;
		margin: 0;
		padding: 2em 5%;
	}

	#main .contact-text {
		width: 100%;
		float: none;
	}

	.col_3 {
		width: 100%;
		margin-left: 0;
	}

	#main p.multi-images_4 img {
		width: 50%;
	}

	#main p.multi-images_3 img {
		float: none;
		width: 100%;
	}

	.map {
		padding-bottom: 64%;
	}

	footer {
		padding-top: 2em;
		padding-bottom: 2em;
	}

	footer p {
		font-size: 100%;
		line-height: 180%
	}

}

/* IPHONE 6 */
@media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px)
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio : 2)
{
	body {
		font-size: 130%;
	}

	#standard-menu-icon {
		display: block;
		max-width: 94px;
		margin-bottom: 1em;
		margin-left: 5%;
	}

	#horizontal-menu {
		display: none;
	}

	.menu-icons {
		display: none;
	}

	#main {
		float: none;
		width: 100%;
		margin-top: 0.8em;
	}

	#menu-icons-home li {
		width: 33.3333%;
	}

	#rubrique {
		max-height: none;
	}

	h1 {
		font-size: 300%;
	}

	#mosaique {
		width: 72%;
		max-width: none;
		max-height: none;
	}

	.mosaique-element {
		display: none;
	}

	.mosaique-carte {
		width: 50%;
		max-width: none;
	}

	.colonne-producteurs-bottom {
		width: 100%;
		padding-top: 2em;
		padding-bottom: 2em;
	}

	.colonne-producteurs-bottom ul li a {
		font-size: 100%;
		line-height: 200%;
	}

	h4.producteurs, h4.affineurs, h4.laiteries {
		font-size: 150%;
	}

	#blog-nav {
		width: 90%;
		float: none;
		padding: 2em 5% 3em 5%;
	}

	#blog-content {
		width: 90%;
		margin-left: 0;
	}

	#blog-content img {
		max-width: 100%;
	}

	.recettes {
		width: 47%;
	}

	.ingredients {
		float: none;
		width: 96%;
		margin-left: 2%;
	}

	.preparation {
		float: none;
		width: 90%;
		margin: 0;
		padding: 2em 5%;
	}

	#main .contact-text {
		width: 100%;
		float: none;
	}

	.col_3 {
		width: 100%;
		margin-left: 0;
	}

	#main p.multi-images_4 img {
		width: 50%;
	}

	#main p.multi-images_3 img {
		float: none;
		width: 100%;
	}

	.map {
		padding-bottom: 64%;
	}

	footer {
		padding-top: 2em;
		padding-bottom: 2em;
	}

	footer p {
		font-size: 100%;
		line-height: 180%
	}

}

@media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px)
    and (orientation : portrait)
    and (-webkit-min-device-pixel-ratio : 2)
{
	body {
		font-size: 130%;
	}

	#standard-menu-icon {
		display: block;
		max-width: 94px;
		margin-bottom: 1em;
		margin-left: 5%;
	}

	#horizontal-menu {
		display: none;
	}

	.menu-icons {
		display: none;
	}

	#main {
		float: none;
		width: 100%;
		margin-top: 0.8em;
	}

	#menu-icons-home li {
		width: 33.3333%;
	}

	#rubrique {
		max-height: none;
	}

	h1 {
		font-size: 300%;
	}

	#mosaique {
		width: 72%;
		max-width: none;
		max-height: none;
	}

	.mosaique-element {
		display: none;
	}

	.mosaique-carte {
		width: 50%;
		max-width: none;
	}

	.colonne-producteurs-bottom {
		width: 100%;
		padding-top: 2em;
		padding-bottom: 2em;
	}

	.colonne-producteurs-bottom ul li a {
		font-size: 100%;
		line-height: 200%;
	}

	h4.producteurs, h4.affineurs, h4.laiteries {
		font-size: 150%;
	}

	#blog-nav {
		width: 90%;
		float: none;
		padding: 2em 5% 3em 5%;
	}

	#blog-content {
		width: 90%;
		margin-left: 0;
	}

	#blog-content img {
		max-width: 100%;
	}

	.recettes {
		width: 47%;
	}

	.ingredients {
		float: none;
		width: 96%;
		margin-left: 2%;
	}

	.preparation {
		float: none;
		width: 90%;
		margin: 0;
		padding: 2em 5%;
	}

	#main .contact-text {
		width: 100%;
		float: none;
	}

	.col_3 {
		width: 100%;
		margin-left: 0;
	}

	#main p.multi-images_4 img {
		width: 50%;
	}

	#main p.multi-images_3 img {
		float: none;
		width: 100%;
	}

	.map {
		padding-bottom: 64%;
	}

	footer {
		padding-top: 2em;
		padding-bottom: 2em;
	}

	footer p {
		font-size: 100%;
		line-height: 180%
	}

}


/* IPHONE 6 PLUS */
@media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px)
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio : 3)
{
	body {
		font-size: 130%;
	}

	#standard-menu-icon {
		display: block;
		max-width: 94px;
		margin-bottom: 1em;
		margin-left: 5%;
	}

	#horizontal-menu {
		display: none;
	}

	.menu-icons {
		display: none;
	}

	#main {
		float: none;
		width: 100%;
		margin-top: 0.8em;
	}

	#menu-icons-home li {
		width: 33.3333%;
	}

	#mosaique {
		width: 72%;
		max-width: none;
		max-height: none;
	}

	.mosaique-element {
		display: none;
	}

	.mosaique-carte {
		width: 50%;
		max-width: none;
	}

	.colonne-producteurs-bottom {
		width: 100%;
		padding-top: 2em;
		padding-bottom: 2em;
	}

	.colonne-producteurs-bottom ul li a {
		font-size: 100%;
		line-height: 200%;
	}

	h4.producteurs, h4.affineurs, h4.laiteries {
		font-size: 150%;
	}

	#blog-nav {
		width: 90%;
		float: none;
		padding: 2em 5% 3em 5%;
	}

	#blog-content {
		width: 90%;
		margin-left: 0;
	}

	#blog-content img {
		max-width: 100%;
	}

	.recettes {
		width: 100%;
		margin-left: 0;
	}

	.ingredients {
		float: none;
		width: 96%;
		margin-left: 2%;
	}

	.preparation {
		float: none;
		width: 90%;
		margin: 0;
		padding: 2em 5%;
	}

	#main .contact-text {
		width: 100%;
		float: none;
	}

	.col_3 {
		width: 100%;
		margin-left: 0;
	}

	#main p.multi-images_4 img {
		width: 50%;
	}

	#main p.multi-images_3 img {
		float: none;
		width: 100%;
	}

	.map {
		padding-bottom: 64%;
	}

	footer {
		padding-top: 2em;
		padding-bottom: 2em;
	}

	footer p {
		font-size: 100%;
		line-height: 180%
	}

}

@media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px)
    and (orientation : portrait)
    and (-webkit-min-device-pixel-ratio : 3)
{
	/*body {
		font-size: 130%;
	}*/

	#standard-menu-icon {
		display: block;
		max-width: 94px;
		margin-bottom: 1em;
		margin-left: 5%;
	}

	#horizontal-menu {
		display: none;
	}

	.menu-icons {
		display: none;
	}

	#main {
		float: none;
		width: 100%;
		margin-top: 0.8em;
	}

	#menu-icons-home li {
		width: 33.3333%;
	}

	#mosaique {
		width: 72%;
		max-width: none;
		max-height: none;
	}

	.mosaique-element {
		display: none;
	}

	.mosaique-carte {
		width: 50%;
		max-width: none;
	}

	.colonne-producteurs-bottom {
		width: 100%;
		padding-top: 2em;
		padding-bottom: 2em;
	}

	.colonne-producteurs-bottom ul li a {
		font-size: 100%;
		line-height: 200%;
	}

	h4.producteurs, h4.affineurs, h4.laiteries {
		font-size: 230%;
	}

	#blog-nav {
		width: 90%;
		float: none;
		padding: 2em 5% 3em 5%;
	}

	#blog-content {
		width: 90%;
		margin-left: 0;
	}

	#blog-content img {
		max-width: 100%;
	}

	.recettes {
		width: 47%;
	}

	.ingredients {
		float: none;
		width: 96%;
		margin-left: 2%;
	}

	.preparation {
		float: none;
		width: 90%;
		margin: 0;
		padding: 2em 5%;
	}

	#main .contact-text {
		width: 100%;
		float: none;
	}

	.col_3 {
		width: 100%;
		margin-left: 0;
	}

	#main p.multi-images_4 img {
		width: 50%;
	}

	#main p.multi-images_3 img {
		float: none;
		width: 100%;
	}

	.map {
		padding-bottom: 64%;
	}

	footer {
		padding-top: 2em;
		padding-bottom: 2em;
	}

}

/******************************************/

/* iPad */
@media screen and (min-device-width: 768px) and (max-device-width : 768px) {
    /* ipad-portrait */
    #standard-menu-icon {
		display: block;
		max-width: 94px;
		margin-left: 5%;
	}

	#horizontal-menu {
		display: none;
	}
}

 /* ipad-landscape */
@media screen and (min-device-width: 897px) and (max-device-width : 897px) {
	#standard-menu-icon {
		display: block;
		max-width: 94px;
		margin-left: 5%;
	}

	#horizontal-menu {
		display: none;
	}
}