.ressources__popup__container {
	background: #0e288b;
    color: white;
}
.ressources__popup__container #field_2_9,
.ressources__popup__container #field_7_9 {
	font-weight: 600;
    letter-spacing: -.03em;
    text-align: center;
    font-size: 18px;
}
@media screen and (min-width: 768px) {
	.ressources__popup__container #field_2_9,
	.ressources__popup__container #field_7_9 {
	    font-size: 22px;
	}
}
@media screen and (min-width: 1281px) {
	.ressources__popup__container #field_2_9,
	.ressources__popup__container #field_7_9 {
	    font-size: 26px;
	}
}
.ressources__popup .gform_wrapper form label {
	color: white;
}

.ressources__popup #input_2_6,
.ressources__popup #input_7_6 {
	height: 60px;
	line-height: 56px;
}

@media (min-width: 1440px) {
    .podcasts, .ressources {
        padding-bottom: 130px;
    }
}


/* redmine 13881 - note 13 */
.news__filters__select select,
.news__filters--mob__select select {
	text-overflow: ellipsis;
    padding-right: 40px;
}
.news__filters--mob__select {
    padding: 0 20px 20px;
}
@media screen and (max-width: 1023px) {
	.news__filters__select,
	.news__filters__select:last-child {
		width: 27%;
	    padding: 11px;
	}
}
@media screen and (min-width: 768px) {
	.news__content {
		grid-template-columns: repeat(2, 1fr);
	}
	.news__content__item--sticky {
        grid-column: 1 / 3;
    }
}

@media screen and (min-width: 768px) {
    .news__content .pagination {
        grid-column: 1 / 3;
    }
}


@media (min-width: 768px) {
    .bloc-gut figure.wp-block-image img {
        width: 100%;
    }
}



#gform_2 .gform-loader {
	display: none;
}
@media (min-width: 1140px) {
	#gform_2 .gfield_validation_message {
		position: absolute;
	}
    .podcasts__popup__container, .ressources__popup__container {
        padding: 30px 40px 60px;
    }
}

@media (max-width: 1139px) {
	#gform_submit_button_2 {
		max-width: 300px;
	    position: static;
	    margin: 20px auto !important;
	    width: 100%;
	}
}

/* redmine 14232 - note 15 */
@media (max-width: 1024px) {
	.page-template-baking-center .services__list__item.active .services__list__item__title {
		padding: 0 24px;
	}

	.page-template-baking-center .services-wheel {
		margin-right: 0;
	}
}
.baking-center-main .section-02 {
	padding-bottom: 20px;
}
.page-template-baking-center .s-chiffres {
	margin-bottom: 0;
}
.page-template-baking-center main {
    padding-bottom: 0;
}
.page-template-masterclass main {
	padding-bottom: 0px;
}
.page-template-sensory main {
    padding-bottom: 0px;
}

.page-template-sensory .s-cta {
	    padding-bottom: 5em;
}
@media (min-width: 1281px) {
	.page-template-sensory .s-cta {
	    padding-bottom: 13em;
        padding-top: 5em;
	}
}
@media (max-width: 767px) {
	.page-template-sensory .s-chiffres__c12 {
		grid-row: none;
	}
	.page-template-sensory .s-chiffres__container {
    	grid-template-rows: .5fr .5fr .33fr .33fr .5fr 0fr;
	}
}
.page-template-sensory .s-chiffres__container>* {
	min-height: 200px;    
}
@media screen and (min-width: 560px) and (max-width: 767px) {
	.page-template-sensory .s-chiffres__container>* {
		min-height: 260px;    
	}
}
@media screen and (min-width: 768px) {
    .page-template-sensory .s-chiffres__container>* {
        max-height: none;
    }
}


.gform-theme--framework .gform-field-label>.gfield_required,
.gform-theme--framework .gform_required_legend .gfield_required {
	color: white !important;
    font-size: 14px !important;
}


/* search results */
@media screen and (min-width: 1025px) {
    .search .post-group ul.products {
        width: 100%;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}


@media screen and (min-width: 320px) and (max-width: 1920px) {
    .s-chiffres__c9 > *:nth-child(1) {
        font-size: calc(40px + (138 - 40) * ((100vw - 320px) / (1920 - 320)));
    }
}


.funct__characteristics__text {
	color: #4B4B4B;
}
.funct__common__text {
	color: #4B4B4B;
}
.funct__pdf__texts h2 {
	text-transform: none;
}
@media (min-width: 768px) {
    .funct__products__prods {
        width: 90%;
    }
}
.funct__products__card {
	scale: none
}
.funct__characteristics__subtitle {
	margin-bottom: 1em;
}
@media screen and (min-width: 1025px) {
    .funct__common {
        padding-top: 2vw;
    }
}
@media screen and (min-width: 1281px) {
    .single-fonctionnalite .s-before-footer {
        padding-bottom: 180px;
    }
}


.single-cible .img-tet .wrap {
	display: block;
}

.single-cible .img-tet h1 + p {
	font-size: 22px;
    color: #fff;
    max-width: 820px;
    margin: 1em 0;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: -0.03em;
}
.single-cible .img-tet h1 {
	text-transform: uppercase;
}

.single-cible .main {
	color: #4B4B4B;
}
.single-cible .cible-s1__text h3 {
	padding-bottom: 0.8em;
}
.single-cible .cible-s2__text {
	padding: 0.6em 0 2.2em;
}

.single-cible .cible-s4 {
    padding-top: 1vw;
}

.single-cible .cible-s4__content p {
	margin-bottom: 0.8em;
}
@media screen and (min-width: 768px) {
    .single-cible .cible-s4__content {
        max-width: 800px;
    }
}

@media screen and (min-width: 1281px) {
    .single-cible .cible-s4__title2 {
        font-size: 26px;
    }
}
@media screen and (min-width: 1440px) {
    .single-cible .cible-s4__title2 {
        font-size: 28px;
    }
}
.single-cible .cible-s4__title span {
    color: #A17234;
}
.single-cible .cible-s5__title span {
    color: #A17234;
}

.single-cible .cible-s6 p {
	margin-bottom: 0.8em;
}

.single-cible .cible-s6__flex {
	background: url(img/white-swallow.svg) no-repeat center;
	background-position: top center;
    background-size: 80%;
}
@media screen and (max-width: 1024px) {
	.single-cible .cible-s6__flex {
		max-width: 680px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 1025px) {
	.single-cible .cible-s6__flex {
		background-position: calc(50% - 300px) 50%;
		background-size: 40%;
	}
}
    

.single-cible .cible-s5 .funct__products {
    margin-bottom: 0;
    padding-bottom: 0;	
}

.single-cible .h-py-4xl {
	padding-top: 0;
}

.single-cible .cible-s2 {
	padding-bottom: 3.4vw;
}

.single-cible .cible-s4__flex img {
	display: block;
    border-radius: 20px;
}

.single-cible .cible-s2__flex {
    padding: 40px 0;
}

.single-cible .cible-s2__preblock .cible-s2__text {
	padding: 2em 0 1em;
}

@media screen and (max-width: 1024px) {
	.single-cible .cible-s6__flex > * {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 767px) {
    .single-cible .cible-s4__content {
        text-align: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .single-cible .cible-s6__flex {
    	display: block;
    }
}

.single-cible .cible-s6 .recipe-block {
	max-width: 570px;
    margin: 0 auto;
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
    .single-cible .cible-s1__flex {
    	display: block;
    }
    .single-cible .cible-s1__content {
    	padding-bottom: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .single-cible .cible-s1__content {
        margin: 0;
        max-width: none;
    }
}
@media screen and (min-width: 768px) {
    .single-cible .cible-s1__content {
        margin: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.single-cible .cible-s4__content {
		scale: 0.8;
	}
}

.single-cible .cible-s5 .s-marques {
	padding: 0;
}

.single-cible .cible-s5 .s-marques > .wrap,
.single-cible .cible-s5 > .wrap {
	padding: 0;
}

.single-cible .cible-s5 .s-marques p {
	font-size: inherit;
	color: inherit;
}



@media screen and (max-width: 1339px) {
	.diag {
		padding-top: 88px;
	}
}

.diagChoices {
	display: inline-block;
    vertical-align: middle;
}
.diagChoices > div {
	background: white;
    padding: 5px 12px;
    font-size: 10px;
    border-radius: 50px;
    color: #4B4B4B;
    font-weight: 400;
    display: inline-block;
    margin-right: 8px;
}
@media screen and (min-width: 768px) {
	.diagChoices {
	    display: block;
	    margin-top: 0.6em;
	}
	.diagChoices > div {
	    padding: 8px 16px;
	    font-size: 12px;
	    margin-bottom: 0.4em;
	}
}
@media screen and (min-width: 1600px) {
	.diagChoices {
		display: inline-block;
	    margin-left: 10px;
	    margin-top: 0.8em;
	    margin-bottom: 0.8em;
	}
	.diagChoices > div {
	    padding: 10px 20px;
	    font-size: 14px;
	}
}

.diag__results__btn .btn {
	display: inline-block;
}
.diag__results__btn .btn:before {
	content: "";
	width: 16px;
	height: 16px;
	background: url(img/plus-white.svg) no-repeat center;
	background-size: contain;

	display: block;
	margin: 0 auto 4px;

}
@media screen and (min-width: 1025px) {
	.diag__results__btn .btn:before {
		width: 22px;
		height: 22px;
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		margin-right: 7px;

	}
}



.diag__card__image img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}


/* Sur la page diagnostic, afficher les produits par typologie (catégorie de produit) */
.category-box {
	background: white;
	border-radius: 16px;
	padding: 16px;
	margin-bottom: 2em;
}
.category-title {
	font-size: 28px;
	margin-bottom: 1em;
}
.category-box .loop-and-filter ul.products li.product {
    border: 1px solid #F0E8DE;
}
@media screen and (min-width: 768px) {
	.category-box {
		padding: 25px;
	}
	.category-title {
		font-size: 32px;
	}
}
@media screen and (min-width: 1440px) {
	.category-box {
		padding: 36px;
	}
	.category-title {
		font-size: 36px;
	}
}

@media screen and (max-width: 1599px) {
	.page-template-diagnostic .bubble-contact {
		display: none;
	}
}

.diag__steps {
	align-items: center;
}
.diag__steps > *:not(:last-child):after {
	vertical-align: middle;
}

@media screen and (max-width: 1280px) {
	.diag .woocommerce-catalogue {
		padding-top: 30px;
	}
}
@media screen and (max-width: 767px) {
	.diag .woocommerce-catalogue {
		padding-top: 20px;
	}
}


.woocommerce-catalogue .diagnosis-content .loop-and-filter ul.products {
	width: 100%;
}
@media screen and (min-width: 1025px) {
	.diagnosis-content {
		display: flex;
		align-items: flex-start;
	}
}

@media screen and (max-width: 1024px) {
	.diag .recipe-block {
		margin-left: 0;
	}
}


.search .main {
    overflow: hidden;
}
@media screen and (max-width: 1339px) {
    .search .main {
        padding-top: 106px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .search .tabs li a {
        padding-right: 16px;
        padding-left: 16px;
    }
}


@media screen and (max-width: 767px) {
	.search .tabs-button {
		margin-top: 20px;
	    color: #0E288B;
	    font-weight: 700;
	    background: #fff;
	    display: block;
	    width: 100%;
	    border-radius: 8px;
	    padding: 16px;
	}

	.search .tabs-button::before {
		content: "";
		display: block;
		width: 30px;
		height: 30px;
		background: url(img/filter-icon.svg) no-repeat center;
		display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
	}

	.search .tabs {
		margin-top: 0;
		display: none;
	}

}


@media screen and (min-width: 768px) {
	.search .tabs-button {
		display: none;
	}
}

.funct__more .swiper-slide {
	background-size: cover;
}


@media screen and (max-width: 1024px) {
	.inline-steps ul li {
		padding-right: 50px;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	.funct__products__card .product-attributes .product-attribute-term {
		font-size: 10px;
	}
}

.diag__title {
	float: none;
}

@media screen and (min-width: 1440px) {
	.page-template-baking-center .section-01__txt.section-01__txt--big {
		font-size: 24px;
	}
}
@media screen and (min-width: 1920px) {
    .s-app3__list > * div {
        background-size: contain !important;
    }
}

@media screen and (min-width: 1024px) {
    .s-marques__title {
        width: 26%;
        max-width: 580px;
    }
}

.header-layer__level .menu-list, .header-layer__level--one, .header-layer__level--two{
	text-transform: uppercase;
}

.header-layer__level--one li.with-submenu  {
	position: relative;
}

.header-layer__level--one li.with-submenu::after  {
	content: url(img/caret.svg);
	position: absolute;
	top: 50%;
	right: 24px;
	transform: rotate(-90deg) translateY(-50%);
	transform-origin: top;
}

/* debug */

@media screen and (max-width: 768px) {
	.footer{
		overflow-x: hidden;
	}
}



.s-app7 {
    background-size: 560px;
}
@media screen and (min-width: 768px) {
    .s-app7 {
        background-position: center;
    }
}
@media screen and (min-width: 1281px) {
    .s-app7__flex img {
        margin-bottom: -70px;
    }
}
.footer-ruby {
	background: #fff;
}
@media screen and (min-width: 1281px) {
    .footer-container {
        padding-top: 5%;
    }
}

@media (max-width: 1025px) {
    .s-misc .card.card--app {
        margin-bottom: 125px;
    }
}

@media (min-width: 768px) {
	.ressources__filters__selects {
		display: flex;
		align-items: center;
	}

	.s-marques__sliders-container {
		justify-content: center;
	}

	.ressources__filters__select {
		padding: 7px 27px;
		border-right: 1px solid #eee;
	}

	.ressources__filters__select:last-child {
		border-right: none;
	}
}


@media (max-width: 767px) {
	.ressources__filters__select {
		padding: 0 20px 20px;
	    display: block;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.ressources__filters {
		flex-wrap: wrap;
    	gap: 0;
	}
	.ressources__filters__search {
		position: relative;
	    width: 100%;
	    max-width: none;
		padding-right: 0;
	}
	.ressources__filters__search button {
		right: 4px;
	}
}

@media (min-width: 1440px) {
	.ressources__filters__select {
		padding: 10px 40px;
		width: 310px;
	}
}


@media (min-width: 768px) {
	.applic__sol {
		max-width: 827px;
		.bloc-gut {
			padding: 0;
			text-align: center;
		}
	}
}

@media (min-width: 1440px) {

	.applic__sol {
		max-width: 1200px;
		.bloc-gut {
			padding: 0;
			text-align: center;
		}
	}
}


/* Conteneur pour l'iframe, le place en arrière-plan */
.s-hero__video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; /* Place la vidéo derrière le contenu */
    pointer-events: none; 
	overflow: hidden;
	border-radius: 0;
	@media (min-width: 1024px) {
		border-radius: 0 0 32px 32px;
	}

}

/* Style de l'iframe pour qu'elle couvre toute la zone */
.s-hero__video-background iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100vw * 1.77 *1.4);
	height: calc(55vw *1.4);
	min-height: 500px;
    /* min-width: 177.77vh;  */
    transform: translate(-50%, -50%);
	@media (min-width: 1024px) {
		width: calc(100vw * 1.77 *1.4);
		height: calc(55vw *1.4);
	}
}

@media screen and (min-width: 1024px) {
	.s-hero__container {
		height: 56.25vw;
	}

}


/* #15533-1 */
.s-app2 {
    background-color: #FBF2E8;
    padding: 25px 0 25px;
    overflow: hidden; 
    @media screen and (min-width: 768px) {
        padding: 2vw 0 0;
    }
}

/* #15533-4 */

.footer-social__list {
	
	@media screen and (max-width: 1024px) {
		margin-top: 28px;
	}
}

/* #15533-5 */

.s-help .p-max {
	color: #0E288B;
	padding: 1.2em 0;
	font-weight: 600;
	line-height: 1.2;
	font-size: calc(20px + (22 - 20) * ((100vw - 768px) / (1920 - 768)));
	letter-spacing: -0.03em;
	span {
		color: #A17234;
	}
}

.page-template-baking-center .s-help .wp-block-column:nth-child(2) .p-max {
	padding: 1.2em 0;
}

/* #15533-7 */

.masterclass__content .h-py-4xl {
	@media screen and (min-width: 1024px) {
		padding-top: 62px;
	}
}

/* #15533-6 */

.section-02__ol {
	ol {
		list-style: none; 
		counter-reset: blue-circles-counter; 
		padding-left: 0; 

		li {
			counter-increment: blue-circles-counter; 
			display: flex;
			align-items: center;
			margin: 32px 0;
			font-size: calc(20px + (22 - 20) * ((100vw - 768px) / (1920 - 768)));
			font-weight: 400;

			&::before {
				content: counter(blue-circles-counter); 
				background-color: #0E288B;
				color: #ffffff;
				border-radius: 50%;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 41px;
				height: 41px;
				font-weight: 600;
				margin-right: 20px;
				min-width: 41px;
			}
			&:first-child {
				margin-top: 14px;
			}
		}
	}
}


/* #15533-9 */

.funct__characteristics__subtitle {
	text-align: left;
}

/* --- Style pour l'image de fond "Histoire" --- */

/* Version Française */
.histoire-intro.lang-fr .histoire-intro__years span::after {
    background-image: url(/wp-content/themes/lesaffre/img/ans.svg);
}

/* Version Anglaise */
.histoire-intro.lang-en .histoire-intro__years span::after {
    background-image: url(/wp-content/themes/lesaffre/img/years.svg);
}

.cible__spacer {
	height: 40px;
	@media screen and (min-width: 768px) {
		height: 170px;
	}
	
}

.s-app4__flex {
	padding: 0 0 30px;
}

.recipe-block__top {
	padding-bottom: 16px;
}