.videobanner{
	width: 100%;
	position: relative;
}
.videobanner:after{
	content:"";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);
}
.videobanner video{
	aspect-ratio:16 / 9;
	object-fit: cover;
	width: 100%;
	display: block;
    filter: brightness(0.6);	
}

.videobanner .content{
	position: absolute;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	align-content: center;
}
.videobanner .content > *{
	flex-basis: 100%;
}
.intro::after{
	display: block;
	content:"";
	position: absolute;
	right: 4vw;
	top: 4vw;
	width: 100px;
	height: 200px;
	background-image: url(../img/svg/stars.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.intro{
	position: relative;
	margin-top: -45px;
	z-index: 1;
	border-top-left-radius: 45px;
	border-top-right-radius: 45px;
	background-color: var(--color1);
	padding: 12vh 8vw 8vh;
}
.intro > *{
	position: relative;
	z-index: 1;
}
.intro h2{
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.intro  div.row{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 0;
}
.intro > div .animation, .intro > div .content{
	flex-basis: 50%;
	padding: min(4vw , 40px);
}
.intro > div .animation dotlottie-player{
	width: 100%;
	aspect-ratio: 1 / 1;
}
.categories .row{
    padding: 0 5vw;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}
.categories .row .content{
	width: 50%;
}

.categories .row .animation{
	width: 25%;
}

.categories .row .cats{
	flex-basis: 100%;
}


.contenu_industrie{
	display: none;
    padding-left: 75px;
    padding-right: 75px;
}

section.industrie{
	
    position: relative;
	background-color: var(--color1);
	padding-top: 7vw;
	border-radius: 45px 45px 0 0;
/*	    padding-bottom: 34vw;*/
}

section.industrie .row{
	display: flex;
}

.titre_industrie{
	width: 50%;
    position: relative;
}

.categories .cats{
    display: flex;
    flex-wrap: wrap;
padding: 3vw 0vw;
    justify-content: center;
}

.single_cat_boite_img img:last-child{
	    position: absolute;
    bottom: -33px;
    left: 50%;
    transform: translate(-50%, 0);
}

.contenu_cat{
	padding-top: 30px;
}

.categories .single_cat {
    width: 45%;
    padding: p;
    padding: 0 6vw;
}

.categories .single_cat img.thumbnail_cat{
border-radius: 15px;
    /* aspect-ratio: 1 / 1; */
    height: 20vw;
    width: 100%;
    object-fit: cover;
}

.single_cat_boite_img{
	position: relative;
}

.single_industrie::after {
    content: "";

   background-image: url(../img/png/icon_plus.png);
    height: 68px;
    width: 68px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: 2vw;
    top: 10px;
	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 */
}

.open.single_industrie::after {
    content: "";
    background-image: url(../img/png/icon_moins.png);
    height: 68px;
    width: 68px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: 2vw;
    top: 10px;
}

/*
div.animatin_industrie{
    position: absolute;
    bottom: 0;
    left: 0;	
}
*/

div.enum_industrie{
	width: 50%;
	padding-right: 5vw;
	    bottom: -6px;
	position: relative;
}

.numero_industrie p{
    font-size: 50px;
    font-weight: 600;
    margin: 0;
    min-width: 75px;
}

.single_industrie{
	cursor: pointer;
}

.single_industrie {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
       padding: 10px 2vw;
/*	border-radius: 20px 20px 0px 0px;*/
}

.single_industrie > p{
	text-transform: uppercase;
}


.enum_industrie > div:nth-of-type(odd){
	background-color: #CECECE
}
.enum_industrie > div:first-child{
	    background-color: unset;
}

.enum_industrie > div:nth-of-type(even) div.bg_color{
    width: 100%;
    background: #CECECE;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: 0;
border-radius: 20px 20px 0px 0px;
}

.enum_industrie > div:nth-of-type(odd) div.bg_color{
    width: 100%;
    background:white;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: 0;
border-radius: 20px 20px 0px 0px;
}

.single_industrie * {
    position: relative;
}

.enum_industrie > div:nth-of-type(even){
	background-color: white;
}

.animatin_industrie {
    /* width: 85%; */
    position: relative;
    left: -15vw;
    bottom: -33px;
    width: 45vw;
}



section.categories  {
	position: relative;
	    border-radius: 45px 45px;
	background-color: white;
}

section{
	position: relative;
}

.blog_recette::after {
    display: block;
    content: "";
    position: absolute;
    left: 10px;
    bottom: 40px;
    width: 100px;
    height: 200px;
    background-image: url(../img/svg/blog_element.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

div.titre_industrie > div:nth-child(1){
	padding-left: 10vw;
}

.blog_recette .blog{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
/*	margin-top: 35vw;*/
}

.blog_recette  div.container > .blog > div:nth-child(2){
	grid-column: span 2;
}
.blog_recette div.container > .blog > div:nth-child(3){
	grid-column: span 2;
}
.blog_recette div.container > .blog > div:nth-child(6){
	grid-column: span 2;
}

.blog_recette {
  background-color: var(--color1);
    padding: 5vw 5vw;
    position: relative;
   
}

.blog_recette .bg_color_black{
	background-color: black;
    border-radius: 45px 45px 0 0;
	    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0;
}

.cta .bg_color_red{
		background-color: var(--color1);
    border-radius: 45px 45px 0 0;
	    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0;
}

.article img{
	    height: 100%;
    object-fit: cover;
	    border-radius: 30px;
}

div.article{
	position: relative;
}

div.contenu_article{
	position: absolute;
    left: 0;
    top: 0;
    background: hsl(353deg 79% 48% / 70%);
    right: 0;
    bottom: 0;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    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 */
	opacity: 0;
}


.hover div.contenu_article{
	opacity: 1;
}

.contenu_article > div{
	padding: 25px;
}

.contenu_article h3{
	color: white;
}

.contenu_article p{
	color: white;
}

.bouton_article{
	    display: flex;
    justify-content: space-evenly;
	gap:5%;
}

.animation_cta{
	position: absolute;
    right: -24vw;
    top: -15vw;
	width:42vw;
}
.cta .row{
    display: flex;
    flex-wrap: wrap;
    padding: 10vw 5vw 0px;
	position: relative;
}

.cta .row .colonne_01{
	width: 50%;
}
.cta .row .colonne_02{
    width: 50%;
    padding-left: 5vw;
 	padding-right: 5vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;	
}

.cta .row .colonne_02 h1{
	color: white;
}

.cta .row .colonne_02 p{
	color: white;
}

.cta .colonne_01 img{
	    border-radius: 30px 30px 0 0;
	    height: 100%;
    object-fit: cover;
}

section.cta{
	background-color: black;
	position: relative;
	    overflow: hidden;
}

.cta .footer_cta > div{
    background-color: #B2001E;
    padding: 50px 30px;
    border-radius: 30px 30px 0 0;
    width: 50%;
	position: relative;
}
.cta .footer_cta > div > img{
     position: absolute;
    left: 50%;
    top: -34px;
    transform: translate(-50%, 0);
}

.cta .row .colonne_02 .intro_cta{
	padding-right: 5vw;
}

.cta .footer_cta {
    display: flex;
	gap:15px;
	padding-top: 5vw;
}


/* parrallax */

/*
@media screen and (min-width:1024px){
	section.categories.parrallax-sections.parallax-1-screens{
    height: 200vh;
}
}
*/



@media screen and (max-width:1400px){
/*
	.intro.parrallax-sections.parallax-1-screens{
		    padding-bottom: 35vw;
	}
*/
	
	.categories .row{
		    padding: 5vw;
	}
}


@media screen and (max-width:1100px){
/*
	.videobanner .content{
		padding-top: 10vw;
	}
*/
	
	.videobanner .content {
		align-content: end;
   	 	padding-bottom: 6vw;
	}
}

@media screen and (max-width:1024px){
	.intro > div .animation, .intro > div .content {
		flex-basis: 100%;
		padding: min(4vw, 40px);
	}
	
	.cta .colonne_01 {
    	display: none;
	}
	
	.intro > div .animation{
		order: 2;
	}
	
/*
	.intro.parrallax-sections.parallax-1-screens {
        padding-bottom: 0;
    }
*/
	
	.cta .row .colonne_01{
		width: 100%;
	}	
	.cta .row .colonne_02{
		width: 100%;
	}
	
/*
	.videobanner .content{
		padding-top: 20vw;
	}
*/
}

@media screen and (max-width:860px){
	.blog_recette .blog {
		display: grid;
		grid-template-columns: 1fr;
	}
	
	.blog_recette  div.container > .blog > div:nth-child(2){
		grid-column: span 1;
	}
	.blog_recette div.container > .blog > div:nth-child(3){
		grid-column: span 1;
	}
	.blog_recette div.container > .blog > div:nth-child(6){
		grid-column: span 1;
	}	
	
	section.industrie .row {
		display: flex;
		flex-wrap: wrap;
	}
	
	.titre_industrie {
    	width: 100%;
    	position: relative;
	}
	
	div.enum_industrie{
		width: 100%;
	}
	
	div.titre_industrie > div:nth-child(1) {
		
		padding: 0 5vw 5vw;
		text-align: center;
	}

	
	.animatin_industrie{
		position: absolute;
	}
}

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

	.categories .single_cat{
		width: 100%;
		padding-bottom: 50px;
	}
	
	.categories .single_cat img.thumbnail_cat {
	
		/* aspect-ratio: 1 / 1; */
		height: 50vh;
		
	
	}		
	
		.categories .row .content{
		width: 100%;
		text-align: center;
	}
	
	.categories .row .animation {
		width: 50%;
	}
}