@media print {
  /* All your print styles go here */
	.otgs-development-site-front-end,
  	.copy,
  	header,
  	footer,
  	section.formulaire,
	div.autre_recette,
	div.ventes,
	section.header,
	.contenu_produit .colonne_02,
	.information_recette .colonne_02,
	div.option_info,
	div.valeurs_nutritives{
		display: none !important;
	}

	@page {
		size: letter portrait;
		margin: 0;
	}

	/* /// test sandra */
	html,
	body,
	main {
		margin: 0 !important;
		padding: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
		width: 100%;
	}

	main,
	section.contenu_produit,
	.information_recette {
		transform: none !important;
		position: static !important;
		top: auto !important;
	}


/* /// test sandra */



	body {
		font-family: sans-serif;
		background: #eee;
	}
	section.categorie,
	.share{
		display: none!important;
	}
	
	.contenu_produit .colonne_01 {
    	width: 100%!important;
	}
	
	.information_recette .colonne_01{
		width: 100%!important;
	}
	
	.ingredient.rev .colonne{
		width: 100%!important;
	}
	
	.ingredient.rev .colonne *{
		color: black!important;
	}
	
	.information_recette .preparation,
	.information_recette .ingredient{
		display: block!important;
	}	
	
	.information_recette .colonne_01{
		padding: 0vw 5vw 5vw 10vw!important;
	}
	
	
	.information_recette .preparation *,
	.information_recette .ingredient *{
		color: black!important;
	}
	
	.titre_preparation_print,
	.titre_ingredient_print{
		display: block!important;
	}
	
	section.categorie .boite_cat span {
    	padding: 15px 10px!important;
		max-width: 100px!important;

	}
	
	.boite_cat *{
		color: black!important;
	}
	
	body > main > section.contenu_produit > div.colonne_01 > p{
		font-size: 14px!important;
	}
	
	h2,h3,h4{
		font-size: 16px!important;
	}
	h1 {
		color: black !important;
		font-size: 30px !important;
	}
	ol li,
	ul li,
	.information_recette p{
		font-size: 14px!important;
	}
	
	section.contenu_produit {
		padding: 0vw 2cm 0vw 2cm!important;
	}
	.info_sup > div img {
		width: 50px!important;
	}
	/* /// test sandra */

	.titre_ingredient_print {
		margin-bottom: 10px;
	}
	.titre_ingredient_print,
	.titre_preparation_print {
		margin-left: 0 !important;
	}

	section.contenu_produit {
		display: block !important;
	}
	.information_recette {
		display: block !important;
	}
	.option_info,
	.option_info h4 {
		padding: 0;
	}
	.titre_preparation_print,
	.titre_ingredient_print {
		break-after: avoid;
		page-break-after: avoid;
	}
	.preparation ol,
	.preparation ul,
	.ingredient ol,
	.ingredient ul {
		break-before: avoid;
		page-break-before: avoid;
	}

	/* section.categorie .boite_cat {
		display: flex !important;
		justify-content: flex-start !important;
		align-items: center !important;
		gap: 10px !important;
		padding: 0 0 15px !important;
		background: none !important;
		flex-wrap: wrap;
	}

	section.categorie .boite_cat h4 {
		color: black !important;
		margin-right: 10px !important;
	}

	section.categorie .boite_cat span {
		width: auto !important;
		max-width: none !important;
		padding: 4px 8px !important;
		border: 1px solid black !important;
		border-radius: 10px !important;
		background: none !important;
		color: black !important;
	} */

	.funkytext,
	.funkytext * {
		animation: none !important;
		transition: none !important;
		transform: none !important;
		opacity: 1 !important;
	}

	.funkytext h1 span {
		display: inline !important;
		opacity: 1 !important;
		transform: none !important;
	}
	.contenu_produit h1 {
		position: static !important;
		margin: 1cm 0 15px !important;
		padding: 0 !important;
		line-height: 1.1 !important;
	}
}

.titre_preparation_print,
.titre_ingredient_print{
	display: none;
	margin: 0 1em;
	padding-top: 25px;
}

section.contenu_produit {
    display: flex;
    padding: 5vw 10vw;
	flex-wrap: wrap;
}

section.categorie .boite_cat{
    background-color: var(--color4);
    padding: 2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2%;
}

section.categorie .boite_cat span {
	font-family: var(--sec-font);
    background-color: var(--color3);
    border: none;
    color: white;
    padding: 15px 35px;
    border-radius: 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    text-align: center;
    max-width: 250px;
    width: 15vw;
}



.share a{
	padding: 5px;
}
.share img{
    width: 20px;
	filter:brightness(0);
}
.share{
	width: 45%;
    display: flex;
    align-items: center;
}
.share span{
	text-transform: uppercase;
	margin-top: 4px;
	display: inline-block;
}
.share > * {
    vertical-align: top;
}

.share button{
    border: none;
    background: transparent;
    cursor: pointer;	
}

.contenu_produit .colonne_01 > div:last-child{
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 5%;	
}

.boite_cat h4{
    color: white;
    margin: 0;
    font-family: var(--sec-font);	
}

.share a span{
	display: none!important;
}

.share a:last-child{
    font-size: 0;
    padding: 0;
    background-size: 20px 20px;
    width: 26px;
    margin: 0px 5px;
    height: 26px;
    background-color: transparent;
    filter: grayscale(1);
    border: none;
    box-shadow: none;

	background: url(../img/svg/pinterest.svg);
}

.share a:last-child:hover{
	background-color: transparent;
}

.contenu_produit .colonne_01{
	width: 50%;
/*	padding-right: 5vw;*/
}
.contenu_produit .colonne_02{
	width:50%;
	padding-left: 5vw;
	transition:transform .3s cubic-bezier(.25,-.25,.35,2);
}
.contenu_produit .colonne_02:hover{
	transform: scale(1.1) rotate(-5deg);
}
.contenu_produit .colonne_02 img{
     border-radius: 0vw 100vw 100vw 100vw;
    aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center center;
}

.valeurs_nutritives{
	padding-top: 3vw;
    width: 45%;	
}

.valeurs_nutritives h5{
    border-bottom: 1px solid;
    padding-bottom: 10px;
    color: var(--color3);
}

.valeurs_nutritives p{
    padding-right: 50px;	
}

.info_sup{
    display: flex;
    justify-content: space-between;
    gap: 2%;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin: 3vw 0 4vw;

}

.info_sup > div {
	display: flex;
    width: 33%;
    /* background: red; */
    padding: 10px 0px;
    border-right: 1px solid;
}

.info_sup > div:last-child{
	border: none;
}

.info_sup > div img{
    object-fit: contain;
	padding-right: 10px;
}

.info_sup p{
	margin: 0;
}

.img_cacher{
	display: none;
}

.information_recette{
    display: flex;
    flex-wrap: wrap;
	background-color: var(--color3);
}
.information_recette .colonne_01{
    width: 70%;
    display: flex;
    align-items: center;
/*    justify-content: center;*/
	padding: 5vw 5vw 5vw 10vw;	
	flex-wrap: wrap;
}

.information_recette .colonne_02{
	width: 30%;
	position: relative;
}

.preparation {
	display: none;
}

.information_recette .ingredient{
    display: flex;
    justify-content: center;	
}

.information_recette .colonne_02 img{
	height: 100%;
	position: absolute;
	width: 100%;
	object-fit: cover;
}

.ingredient.rev .colonne {
    padding-right: 50px;
	width: 50%;
}


.ingredient li{
	line-height: 200%;
}
.preparation li{
	line-height: 200%;
}

/*
.ingredient li{
	line-height: 220%;
    display: flex;
    align-items: center;
}
*/

.option_info{
    width: 70%;
    display: flex;
    justify-content: center;
    gap: 1%;
    padding: 0 10vw;
}

.option_info h4{
    background-color: var(--color4);
    margin: 0;
    font-family: var(--sec-font);
    text-transform: uppercase;
    padding: 25px 5vw;
    border-radius: 25px 25px 0 0;
    cursor: pointer;
    width: 50%;
    text-align: center;
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */	
}

.option_info h4.actif{
	background-color: var(--color3);
}

div.originale{
	width: 100%;
	height: 100%
}

.tofu{
	display: none;
	width: 100%;
	height: 100%;
}

.option_recette p {
    /* padding: 5px 10px; */
    border-right: 2px solid white;
    border-radius: 10vw;
    border: 2px solid white;
    /* border-radius: 0vw 10vw 10vw 0; */
    height: 67px;
    background-color: var(--color3);
    margin: 0 0 0 -45px;
    padding: 0px 55px 0 55px;
    display: flex;
    align-items: center;
	cursor: pointer;

}
.option_recette p.actif{
    background: white;
    color: var(--color3);	
	position: relative;
}

.option_recette p:nth-child(1) {
	position: relative;
}

.option_recette{
    display: flex;
    background: white;
    border-radius: 100vw;
    max-width: max-content;
    position: relative;
    left: 45px;
	margin-bottom: 5vw;
 
/*
    border-radius: 100vw;
    max-width: max-content;
    position: relative;
    left: 45px;
*/
}


.ventes_logo{
	display: flex;
    justify-content: space-between;
    gap: 3%;
	padding-top: 5vw;
}

.ventes {
text-align: center;
    padding: 5vw 10vw;
    max-width: 1400px;
    margin: 0 auto;
}

/*
.ingredient li::before {
    content: "";

    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 50vw;
    border: 1px solid white;
}
*/

.ventes_logo img {
	width: 15%;
    object-fit: contain;
    filter: grayscale(1);
}

.information_recette ul{
    list-style: circle;	
}

.autre_recette .row {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.autre_recette .row  > div > img{
	aspect-ratio:1/1;
	object-fit: cover;
	border-radius: 20px;
}

.autre_recette .row >  div:last-child{
	border-right: 0;
}

.autre_recette .row > div {
    padding: 4vw;
    border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.choix_manuel{
	display: flex;
}

.choix_manuel div img{
	aspect-ratio:1/1;
	
}

.contenu_post .info_sup > div {
    display: flex;
    width: 33%;
    /* background: red; */
    padding: 10px 0px;
    border-right:none;
    flex-direction: column;
    text-align: center;
    align-items: center;
justify-content: end;	
}

.contenu_post .info_sup{
	border: none;
    margin: 0;	
}

.contenu_post .info_sup p {
   margin-top: 10px;
    font-family: var(--sec-font);
}

.contenu_post{
	text-align: center;
}
.contenu_post h5{
	    margin: 1em 0;
}

.titre_recette{
	text-align: center;
	padding: 5vw;
}

/*
div.preparation.actif,
div.ingredient.actif{
	opacity: 1;
}
div.preparation,
div.ingredient{
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	opacity: 0;
}
*/

@media screen and (max-width:1400px){
	.contenu_produit .colonne_01 {
		width: 60%;
	}

	.contenu_produit .colonne_02 {
		width: 40%;
	}
}

@media screen and (max-width:1024px){
	.contenu_produit .colonne_01 {
		width: 100%;
	}

	.contenu_produit .colonne_02 {
		width: 100%;
		padding-bottom: 10vw;
		display: none;
	}
	
	section.contenu_produit {
		flex-direction: column-reverse;
	}	
	
	.information_recette .colonne_02{
		width: 100%;
		position: relative;
		aspect-ratio: 1 / 1;
	}	
	.information_recette .colonne_02::before{
		position: absolute;
		top: 0;
		left: 0;
		height: 20%;
		width: 100%;
		background: linear-gradient(to bottom,  rgba(26,61,51,1) 0%,rgba(26,61,51,0) 100%); 
		display: block;
		content:"";
		z-index: 1;
	}
	.information_recette .colonne_01{
		width: 100%;
	}
}

@media screen and (max-width:860px){
	section.categorie .boite_cat {
		padding: 2vw;
	}
	
	section.categorie .boite_cat span{
		width: auto;
	}
	
	.autre_recette .row{
		border-top: 1px solid black;
		grid-template-columns: 1fr 1fr;
	}
	
	.autre_recette .row > div{
		
		border-top: 0;
	}
	
	section.categorie .boite_cat{
		flex-direction: column;
	}
	
	section.categorie .boite_cat *{
		margin-bottom:  15px;
	}
	
    section.categorie .boite_cat {
        padding: 5vw;
    }		
}

@media screen and (max-width:640px){
	section.contenu_produit {
		padding: 5vw 5vw;
	}
	
	.info_sup > div img {
		max-width: 40px;
	}
	

	
	.option_info {
		width: 100%;
		display: flex;
		justify-content: center;
		gap: 1%;
		padding: 0 10vw;
	}
	
	.information_recette .ingredient{
		flex-wrap: wrap;
	}
	
	.ingredient.rev .colonne {
		padding-right: 50px;
		width: 100%;
	}
}

@media screen and (max-width: 500px) {
	.option_recette p{
		    padding: 0px 25px 0 25px;
		margin: 0;
	}
	.option_recette{
		left: auto;
	}
    .info_sup > div img {
        max-width: 30px;
    }
	
	.info_sup p {

		font-size: 10px;
	}
	
	.contenu_produit .colonne_01 > div:last-child {
		gap: 3%;
	}
}