/* RESPONSIVE CSS */

@media only screen and (min-width : 1600px) {

/**********************************************/
/* Structure generale */ 
/**********************************************/

	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, select, textarea, blockquote{font-size:21px;}


	.page-alt {
		padding-left: 115px;
	}

	.pad-top {
		padding-top: 80px;
	}


	/* -------------- header -------------- */
	header {
		height: 175px;
		padding-top: 21px;
	}

	.pg-index header {
		height: 640px;
	}

		header .page {
			height: 115px;
			padding: 0 56px;
		}


		/* logo */
		header .logo {
			width: 148px;
		}


		/* nav */
		header .nav ul li + li {
			margin-left: 58px;
		}


		/* reseaux */
		header .reseaux {
			margin-left: 72px;
		}

			.reseaux a {
				height: 33px;
			}

			.reseaux a + a {
				margin-left: 22px;
			}

			.reseaux .ico-insta {
				width: 29px;
			}

			.reseaux .ico-fb {
				width: 18px;
			}

			.reseaux .ico-twt {
				width: 32px;
			}


	/* -------------- middle -------------- */
	#middle {
		padding-top: 72px;
	}


		/* titre h1 */
		h1 {
			font-size: 42px;
		}


		/* textes */
		.paragraphe, 
		.sstt {
			line-height: 25px;
		}

		.notes {
			margin-top: 35px;
			font-size: 18px;
			line-height: 22px;
		}


	/* -------------- footer -------------- */
	footer {
		padding: 64px 0 54px;
	}


		/* texte */
		.txt-footer {
			font-size: 35px;
		}


		/* contact */
		footer .contact {
			margin-top: 68px;
		}

			footer .contact .txt-contact {
				font-size: 40px;
			}

				footer .contact .txt-contact:before {
					width: 53px;
					height: 61px;
					margin-right: 19px;
				}

			footer .contact .email-contact {
				font-size: 27px;
			}


		/* textes et liens bas */
		footer .liens-bas {
			margin-top: 170px;
		}

			footer .liens-bas a, 
			footer .liens-bas span {
				font-size: 17px;
			}


/**********************************************/
/* Bloc css de la page produits */ 
/**********************************************/
	/* slider */
	.slider-produits {
		margin: 40px 0 160px;
	}

		.slider-produits .inner-prod {
			height: 660px;
		}

			.slider-produits .inner-prod h2 {
				bottom: 58px;
				left: 64px;
				width: 880px;
				font-size: 26px;
				line-height: 35px;
			}


/**********************************************/
/* Bloc css de la page faq */ 
/**********************************************/
	/* chapo */
	.chapo {
		margin-top: 34px;
		padding-right: 65px;
		font-size: 30px;
		line-height: 36px;
	}

	.chapo.pad {
		padding-right: 225px;
	}


	/* accordion */
	.accordion {
		margin-bottom: 120px;
	}

		.accordion-control {
			margin-top: 64px;
			padding-right: 100px;
			line-height: 25px;
		}

		.accordion-control:after {
			right: 8px;
			width: 22px;
			height: 22px;
		}

		.accordion-panel {
			margin-top: 32px;
		}


/**********************************************/
/* Bloc css de la page ou nous trouver */ 
/**********************************************/
	/* slider */
	.slider-shops {
		margin-bottom: 100px;
	}

		.inner-shop .visuel-shop {
			height: 625px;
		}

		.inner-shop .bandeau-shop {
			min-height: 140px;
		}

			.inner-shop .bandeau-shop p {
				padding-top: 38px;
				padding-bottom: 15px;
				font-size: 20px;
				line-height: 25px;
			}

		.inner-shop .txt-shop {
			padding-top: 56px;
		}

			.inner-shop .txt-shop h2 {
				margin-bottom: 28px;
				font-size: 30px;
			}

			.inner-shop .txt-shop .paragraphe {
				line-height: 25px;
			}


/**********************************************/
/* Bloc css de la page partenaires */ 
/**********************************************/
	/* slider */
	.slider-partners {
		margin: 74px -4.5px 0;
	}

		.slider-partners .inner-prtn {
			height: 400px;
			margin: 0 4.5px;
		}

			.slider-partners .inner-prtn .picto-info {
				bottom: 16px;
				right: 16px;
				width: 30px;
				height: 30px;
				border-radius: 30px;
				font-size: 22px;
			}

			.slider-partners .inner-prtn .overlay-prtn {
				padding: 30px 30px 0;
			}

				.slider-partners .inner-prtn h2 {
					margin-bottom: 21px;
					font-size: 35px;
					line-height: 42px;
				}

				.slider-partners .inner-prtn .paragraphe {
					max-height: 180px;
				}

				.slider-partners .inner-prtn .reseaux {
					bottom: 30px;
					left: 30px;
				}

					.slider-partners .inner-prtn .reseaux a + a {
						margin-left: 30px;
					}


	/* bloc bg couleur */
	.bloc-bg {
		margin-top: 115px;
		padding: 78px 0 140px;
	}

		.bloc-bg .cadre {
			margin-top: 75px;
		}

			.bloc-bg .cadre .col-txt {
				padding: 58px 40px 38px 50px;
			}

				.bloc-bg .cadre .col-txt .logo-prtn {
					height: 94px;
					margin-bottom: 43px;
				}

			.bloc-bg .col-visu .visu-top {
				height: 586px;
			}

			.bloc-bg .col-visu .visu-bot {
				height: 454px;
			}


/**********************************************/
/* Bloc css de la page index */ 
/**********************************************/
	.pg-index #middle {
		padding-top: 0;
	}


	/* titre h1 */
	.bot-header {
		bottom: 35px;
	}


	/* engagements */
	.engagements {
		padding: 58px 0 90px;
	}


		/* titres h2 */
		.pg-index h2 {
			font-size: 42px;
		}


		/* colonnes texte */
		.bloc-3cols {
			margin-top: 42px;
		}

			.bloc-3cols .col-txt h3 {
				margin-bottom: 20px;
				font-size: 30px;
			}

			.bloc-3cols .col-txt .paragraphe {
				font-size: 25px;
				line-height: 30px;
			}

			.bloc-3cols .col-txt .mea {
				margin-left: -18px;
				padding: 11px 18px;
				font-size: 27px;
				line-height: 32px;
			}

			.bloc-3cols .col-txt .paragraphe + .mea {
				margin-top: 20px;
			}

			.bloc-3cols .col-txt .mea + .paragraphe {
				margin-top: 11px;
			}


		/* slider */
		.slider-eng {
			margin: 74px 0 0;
		}

			.slider-eng .inner-prod {
				height: 390px;
			}


	/* agroecologie */
	.agroecologie {
		padding: 0 0 90px;
	}

		.pg-index .visuel {
			height: 430px;
		}

		.agroecologie .txt-agro {
			margin-top: 58px;
			font-size: 35px;
			line-height: 42px;
		}


	/* equipe */
	.equipe {
		padding-bottom: 90px;
	}

		.equipe .visuel {
			margin-bottom: 53px;
		}

		.equipe .txt-equipe {
			margin-top: 22px;
			font-size: 30px;
		}

		.equipe .liste-eqp {
			margin-top: 50px;
		}

			.equipe .col-eqp .visu-eqp {
				margin-bottom: 30px;
			}

			.equipe .col-eqp h3 {
				margin-bottom: 20px;
			}

			.equipe .col-eqp h4 {
				margin-bottom: 5px;
			}


	/* manifesto */
	.txt-manifesto {
		padding: 85px 0 96px;
		font-size: 35px;
		line-height: 42px;
	}


/**********************************************/
/* Bloc css de la page ouverture */ 
/**********************************************/
	/* intro */
	.intro {
		margin-top: 34px;
		font-size: 38px;
	}

		.intro strong {
			font-size: 40px;
		}


	/* visuel */
	.visu-single {
	    margin-top: 42px;
	}

		.visu-single .adresse {
	        padding: 10px;
	        font-size: 18px;
	        line-height: 22px;
	    }


	/* texte */
	.txt-alt {
	    margin-top: 32px;
	    font-size: 21px;
	    line-height: 25px;
	}


	/* bandeau texte */
	.bandeau-txt {
	    margin-top: 50px;
	    padding: 33px 0 36px;
	    font-size: 33px;
	    line-height: 43px;
	}


	/* liste produits */
	.liste-produits {
	    margin-top: 50px;
	}

	    .liste-produits .prod-item {
	        margin-right: 60px;
	    }

}



@media only screen and (max-width : 800px) {

/**********************************************/
/* Structure generale */ 
/**********************************************/

	.page {
		width: 100%;
	}

	.page-alt {
		width: 100%;
		padding: 0 30px;
	}

	.inner-page {
		padding: 0 30px;
	}

	.pad-top {
		padding-top: 35px;
	}

	.hide-desk{display:block;}
	.hide-mob{display:none;}


	/* -------------- header -------------- */
	header {
		height: 90px;
		padding-top: 0;
		background: none;
	}

	.pg-index header {
		height: 450px;
	}

		header .page {
			width: 100vw;
			height: 90px;
			padding: 0 30px;
		}


		/* logo */
		header .logo {
			width: 133px;
		}


		/* burger */
		.burger {
			display: block;
		}


		/* nav */
		header .menu-mob {
			position: absolute;
			top: 90px;
			left: 0;
			width: 100vw;
			height: calc(100vh - 90px);
			background-color: #ffebaa;
			z-index: 100;
			display: none;
		}

		header .inner-menu {
			width: 100%;
			height: 100%;
		}

		header .inner-menu, 
		header .nav ul {
			flex-direction: column;
			justify-content: center;
		}

		header .nav {
			padding-bottom: 40px;
		}

			header .nav ul li {
				font-size: 25px;
			}

			header .nav ul li + li {
				margin: 30px 0 0;
			}


		/* reseaux */
		.reseaux {
			justify-content: center;
			position: absolute;
			bottom: 30px;
			left: 0;
			right: 0;
		}

		header .reseaux {
			margin-left: 0;
		}

			.reseaux a {
				height: 33px;
			}

			.reseaux a + a {
				margin-left: 20px;
			}

			.reseaux .ico-insta {
				width: 29px;
			}

			.reseaux .ico-fb {
				width: 18px;
			}

			.reseaux .ico-twt {
				width: 32px;
			}


	/* -------------- middle -------------- */
	#middle {
		padding-top: 30px;
	}


		/* titre h1 */
		h1 {
			padding: 0 30px;
			font-size: 20px;
		}

		.inner-page h1 {
			padding: 0;
		}


		/* textes */
		.paragraphe, 
		.sstt {
			font-size: 15px;
			line-height: 19px;
		}

		.notes {
			margin-top: 20px;
			font-size: 13px;
			line-height: 17px;
		}

		.sstt {
			padding: 0 30px;
		}


	/* -------------- footer -------------- */
	footer {
		padding: 27px 30px 40px;
	}


		/* texte */
		footer .txt-footer {
			font-size: 20px;
		}


		/* contact */
		footer .contact {
			flex-direction: column;
			align-items: flex-start;
			margin-top: 44px;
		}

			footer .contact .txt-contact {
				font-size: 25px;
			}

				footer .contact .txt-contact:before {
					width: 33px;
					height: 38px;
					margin-right: 12px;
				}

			footer .contact .email-contact {
				margin-top: 30px;
				font-size: 21px;
			}


		/* textes et liens bas */
		footer .liens-bas {
			flex-direction: column;
			align-items: flex-start;
			margin-top: 74px;
		}

			footer .liens-bas p {
				font-size: 17px;
				line-height: 21px;
			}

			footer .liens-bas p + p {
				margin-top: 22px;
			}

			footer .liens-bas span:not(.hide-mob) {
				display: block;
			}



/**********************************************/
/* Bloc css de la page produits */ 
/**********************************************/
	/* slider */
	.slider-produits {
		margin: 14px 0 30px;
	}

		.slider-produits .inner-prod {
			height: 375px;
		}

			.slider-produits .inner-prod h2 {
				bottom: 25px;
				left: 30px;
				width: 81.3vw;
				font-size: 15px;
				line-height: 18px;
			}



/**********************************************/
/* Bloc css de la page faq */ 
/**********************************************/
	/* chapo */
	.chapo {
		margin-top: 22px;
		padding-right: 0;
		font-size: 17px;
		line-height: 21px;
	}

	.chapo.pad {
		padding-right: 0;
	}


	/* accordion */
	.accordion {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

		.accordion-control {
			margin-top: 40px;
			padding-right: 38px;
			font-size: 15px;
			line-height: 19px;
		}

		.accordion-control:after {
			right: 0;
			width: 20px;
			height: 20px;
		}

		.accordion-panel {
			margin-top: 25px;
		}



/**********************************************/
/* Bloc css de la page ou nous trouver */ 
/**********************************************/
	/* slider */
	.inner-shop .visuel-shop {
		height: 375px;
	}

	.inner-shop .bandeau-shop {
		flex-wrap: wrap;
		padding: 25px 30px;
	}

		.inner-shop .bandeau-shop .bd-logo {
			width: 100%;
			text-align: center;
		}

		.inner-shop .bandeau-shop p {
			width: 100%;
			padding: 25px 0 0;
			font-size: 15px;
			line-height: 19px;
		}

	.inner-shop .txt-shop {
		padding: 6px 30px 0;
	}

		.inner-shop .txt-shop h2 {
			margin-bottom: 20px;
			font-size: 20px;
		}

		.inner-shop .txt-shop .paragraphe {
			font-size: 15px;
			line-height: 19px;
		}



/**********************************************/
/* Bloc css de la page partenaires */ 
/**********************************************/
	/* slider */
	.slider-partners {
		width: 88%;
		margin: 50px auto 0;
	}

		.slider-partners .inner-prtn {
			height: 45.6vw;
			margin: 0 0.5vw;
		}

			.slider-partners .inner-prtn .picto-info {
				bottom: 16px;
				right: 16px;
				width: 30px;
				height: 30px;
				border-radius: 30px;
				font-size: 22px;
			}

			.slider-partners .inner-prtn .overlay-prtn {
				display: flex;
    			flex-direction: column;
				padding: 25px 25px 65px;
			}

				.slider-partners .inner-prtn h2 {
					margin-bottom: 18px;
					font-size: 25px;
					line-height: 32px;
				}

				.slider-partners .inner-prtn .paragraphe {
					max-height: 100vh;
				}

				.slider-partners .inner-prtn .reseaux {
					bottom: 20px;
					left: 25px;
					right: auto;
				}

					.slider-partners .inner-prtn .reseaux a + a {
						margin-left: 25px;
					}


	/* bloc bg couleur */
	.bloc-bg {
		margin-top: 35px;
		padding: 35px 0;
	}

		.bloc-bg .chapo {
    		margin-top: 0;
		}

		.bloc-bg .cadre {
			flex-direction: column;
			margin-top: 30px;
		}

			.bloc-bg .cadre .col-txt {
				order: 1;
				width: auto;
				padding: 25px 20px;
			}

				.bloc-bg .col-txt .logo-prtn {
					height: 70px;
					margin-bottom: 25px;
				}

			.bloc-bg .cadre .col-visu {
				order: 0;
				display: flex;
				width: auto;
			}

				.bloc-bg .col-visu .visu-top, 
				.bloc-bg .col-visu .visu-bot {
					width: 50%;
					height: 50vw;
				}



/**********************************************/
/* Bloc css de la page index */ 
/**********************************************/
	/* titre h1 */
	.bot-header {
		bottom: 25px;
		width: 100%;
	}


	/* engagements */
	.engagements {
		padding: 35px 0;
		background: none;
	}


		/* titres h2 */
		.pg-index h2 {
			font-size: 20px;
		}

		.sstitre {
			font-size: 13px;
    		line-height: 18px;
		}


		/* colonnes texte */
		.bloc-3cols {
			flex-direction: column;
			margin-top: 30px;
		}

			.bloc-3cols .col-txt {
				width: 100%;
			}

			.bloc-3cols .col-txt + .col-txt {
				margin-top: 35px;
			}

				.bloc-3cols .col-txt h3 {
					margin-bottom: 1.25vw;
					font-size: 17px;
					line-height: 21px;
				}

				.bloc-3cols .col-txt .paragraphe {
					font-size: 16px;
					line-height: 20px;
				}

				.bloc-3cols .col-txt .mea {
					margin-left: -12px;
					padding: 6px 12px;
					font-size: 16px;
					line-height: 20px;
					display: inline-block;
				}

				.bloc-3cols .col-txt .paragraphe + .mea {
					margin-top: 15px;
				}

				.bloc-3cols .col-txt .mea + .paragraphe {
					margin-top: 10px;
				}


		/* slider */
		.slider-eng {
			margin: 30px 0 0;
		}

			.slider-eng .inner-prod {
				height: 250px;
			}


	/* agroecologie */
	.agroecologie {
		padding: 0 0 35px;
	}

		.pg-index .visuel {
			height: 200px;
		}

		.agroecologie h2 {
			bottom: 25px;
    		width: 100%;
    		padding: 0 30px
		}

		.agroecologie .txt-agro {
			margin-top: 35px;
			font-size: 16px;
			line-height: 20px;
		}


	/* equipe */
	.equipe {
		padding-bottom: 0;
	}

		.equipe .visuel {
			margin-bottom: 35px;
		}

		.equipe .txt-equipe {
			margin-top: 20px;
			font-size: 16px;
			line-height: 21px;
		}

		.equipe .liste-eqp {
			flex-wrap: wrap;
			margin-top: 35px;
		}

			.equipe .liste-eqp .col-eqp {
				width: 47%;
				margin-bottom: 35px;
			}

				.equipe .col-eqp .visu-eqp {
					margin-bottom: 22px;
				}

				.equipe .col-eqp h3, 
				.equipe .col-eqp h4 {
					margin-bottom: 12px;
					font-size: 15px;
    				line-height: 19px;
				}

				.equipe .col-eqp h4 {
					margin-bottom: 4px;
				}


	/* manifesto */
	.txt-manifesto {
		padding: 35px 0;
		font-size: 17px;
		line-height: 21px;
	}



/**********************************************/
/* Bloc css de la page ouverture */ 
/**********************************************/
	.page-alt h1 {
	    padding: 0;
	}


	/* intro */
	.intro {
		margin-top: 22px;
		font-size: 16px;
	}

		.intro strong {
			font-size: 17px;
		}


	/* visuel */
	.visu-single {
	    margin-top: 25px;
	}

		.visu-single .adresse {
			width: 94%;
	        padding: 5px;
	        font-size: 13px;
	        line-height: 17px;
	    }


	/* texte */
	.txt-alt {
	    margin-top: 22px;
	    font-size: 16px;
	    line-height: 20px;
	}


	/* bandeau texte */
	.bandeau-txt {
	    margin-top: 25px;
	    padding: 15px 10px;
	    font-size: 16px;
	    line-height: 22px;
	}


	/* liste produits */
	.liste-produits {
	    margin-top: 40px;
	}

	    .liste-produits .prod-item {
	        margin-right: 30px;
	    }

	        .liste-produits .prod-item .txt-prod {
	            padding-bottom: 44px;
	        }

}



@media only screen and (max-width : 700px) {

/**********************************************/
/* Bloc css de la page partenaires */ 
/**********************************************/
	/* slider */
	.slider-partners {
		margin-top: 30px;
	}

		.slider-partners .inner-prtn {
			height: 89.3vw;
			margin: 0;
		}


	/* bloc bg couleur */
	.bloc-bg .col-visu .visu-top, 
	.bloc-bg .col-visu .visu-bot {
		height: 60vw;
	}

}



@media only screen and (max-width : 500px) {

/**********************************************/
/* Bloc css de la page index */ 
/**********************************************/
	/* equipe */
	.equipe .liste-eqp {
		flex-direction: column;
	}

		.equipe .liste-eqp .col-eqp {
			width: 100%;
		}

			.equipe .col-eqp .visu-eqp {
				margin: 0 auto 22px;
			}

}