/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	scroll-behavior: smooth;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-family: var(--font);
	color:#000;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'acumin-pro';
	src:url('fonts/AcuminVariableConcept.otf');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

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

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

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

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

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

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}
/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


/*------------------------------------*\
    SINGLE PAGE
\*------------------------------------*/

.single .single-content {
    display: flex;
    justify-content: center;
    padding: 0;
}

.single .single-content article {
    border-radius: 0;
    padding: 0;
    box-shadow: 0px 0px 0px 0px;
}

.single .single-content article .image {
    height: 471px;
    width: 100%;
    position: relative;
}

.single .carre {
    position: absolute;
    left: 0;
}

.single h1 {
    margin: 0;
    font-weight: 900;
    font-size: 50px;
    text-transform: uppercase;
    line-height: 1;
}

.single .single-content article .infos {
    display: flex;
    flex-wrap: wrap;
    color: #000;
    font-weight: 400;
    margin-bottom: 41px;
    align-items: center;
    font-size: 23px;
    margin-top: 17px;
}

.single .img-hero {
    position: absolute;
}

.single .single-content article .infos .author{
    display: flex;
    align-items: center;
    margin-right: 17px;
}

.single .single-content article .infos svg{
    margin-right: 7px;
}

.single .single-content article .infos .category{
    display: flex;
    align-items: center;
}

.single figure{
    text-align: center;
}

.single .single-content article .image {
    height: 471px;
    width: 100%;
    position: relative;
    margin-bottom: 47px;
}

.single .single-content article .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 0;
}

.single .has-text-align-left {
    text-align: left;
    line-height: 1;
}


.single .single-content article .infos .date {
    display: flex;
    font-size: 24px;
    align-items: center;
    margin-right: 17px;
}

.single h2{
    font-size: 47px;
}

.single .infos-section h2 {
    position: relative;
    font-size: 110px;
    z-index: 2;
    font-weight: 900;
    margin: 0;
    margin-top: 177px;

}

.single .articles .titre-hero-page .title-hero {
    font-size: 67px;
    max-width: 701px;
    line-height: 1;
}

.single .articles .content-left{
    display: flex;
    justify-content: space-between;
}

.single .articles .content-left .content{
    width: 30%;
}

.single .articles .swiper{
    width: 100%;
}

.single .articles .content-left .content img {
    height: 271px;
    width: 100%;
    object-fit: cover;
    transition: 0.3s;
}

.single .articles .content-left .content img:hover {
    height: 271px;
    width: 100%;
    object-fit: cover;
    transition: 0.3s;
    opacity: 0.7;
}

.single .articles .content-left .content .content-texte{
    font-size: 17px;
    margin-top: 24px;
}

.single .articles .content-left .content .content-texte h3 {
    font-size: 19px;
    text-transform: uppercase;
}

.single .articles .content-left .content .content-texte .view-article {
    display: block;
    text-decoration: solid;
    margin-top: 10px;
    border: 1px solid transparent;
    width: fit-content;
    padding: 7px;
}

.single .articles .content .content-texte .view-article:hover {
    border: 1px solid #ffeb4a;
}

.single .articles .content-left .content .content-texte .view-article:after{
	content: "\0027F6";
	margin-left: 7px;
}

.single .articles .button {
    width: fit-content;
    margin: auto;
    margin-top: 41px;
    background: #FFF;
}

.single .infos-section .content .button:hover {
    background: #ffeb4a;
}

.single .articles .pagination {
    height: 71px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
}

.single .articles .category {
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    align-items: center;
}

.single .articles .category .date {
    margin-right: 5px;
}


.single .articles .category .categorie {
    display: flex;
    align-items: center;
}

.single .pagination .swiper-pagination-bullet-active {
    background: #000;
}

.single .articles .pagination .swiper-button-prev {
    font-size: 27px;
    color: #000;
}

.single .articles .pagination .swiper-button-next:after {
    opacity: 0;
    width: 0;
}

.articles .pagination .swiper-button-prev:after {
    opacity: 0;
    width: 0;
}

.single .articles .pagination .swiper-button-next {
    font-size: 27px;
    color: #000;
}

.single .articles .pagination .swiper-pagination {
    bottom: 21px;
}

@media only screen and (max-width:997px){
    .single h1 {
    font-size: 27px;
	}

	.single .single-content article .image {
		height: 199px;
		width: 100%;
		position: relative;
		margin-bottom: 47px;
	}

	.single .articles .titre-hero-page .title-hero {
		font-size: 37px;
		max-width: initial;
		line-height: 1;
		text-align: center;
	}

}

/*------------------------------------*\
    FRONT PAGE
\*------------------------------------*/


.config-section{
    margin-bottom: 130px;
}

.config-section .content {
    position: relative;
    transition: 1s all ease;
    opacity:0;
    transform: translateX(-20vw);
}

.config-section.scrolled .content{
	transform: translateX(0);
	opacity: 1;
}

.config-section .content .carre{
    position: absolute;
    top: 17px;
}

.config-section .content .content-left{
    height: 484px;
}

.config-section .content .content-left .modeles {
    display: flex;
}

.config-section .content .content-left .modeles .modele {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 17px;
}

.config-section .content .content-left .modeles .modele img{
    width: initial;
}

.config-section .content .content-left .modeles .modele .button {
    width: 199px;
    font-size: 15px;
}

.config-section .content .content-left .modeles .modele img {
    width: 100%;
    height: 177px;
    object-fit: contain;
}

.config-section .content .image-section {
    position: absolute;
    top: -25px;
    right: 0;
    width: 640px;
    max-width: 49%;
}

.config-section h2 {
    font-size: 90px;
    margin-top: 90px;
    margin-top: 130px;
    line-height: 1;
}

.logo-home {
    margin-top: 171px;
    text-align: right;
}

.produits-section .products {
    display: flex;
    flex-wrap: wrap;
    transition: 1s all ease;
    margin: auto;
    justify-content: space-around;
    transform: translateY(300px);
    opacity: 0;
    
}

.produits-section.scrolled .products {
    transform: translateY(0px);
    opacity: 1;
}

.produits-section .products .product {
    min-width: 291px;
    height: 291px;
    margin: 15px;
    background: #FFF;
    box-shadow: 0px 3px 6px #c0c0c0;
    cursor: pointer;
}

.produits-section .products .product img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

.produits-section .products .product img:hover {
    opacity: 0.7;
    transition: 0.3s;
}

.produits-section .content{
    position: relative;
}

.produits-section .content .carre {
    top: -91px;
    position: absolute;
}

.produits-section h2 {
    font-size: 90px;
    font-weight: 900;
    margin-top: 130px;
    line-height: 1;
    position: relative;
    font-style: italic;
    z-index: 1;
}


.catalogue-section {
    height: 459px;
    margin: 0;
    margin-top: 91px;
}


.catalogue-section .content {
    position: relative;
    height: 100%;
    transition: 1s all ease;
    opacity:0;
    transform: translateX(-20vw);
}

.catalogue-section .content .carre{
    position: absolute;
}

.catalogue-section .content .content-left {
    max-width: 410px;
}

.catalogue-section.scrolled .content{
	transform: translateX(0);
	opacity: 1;
}

.catalogue-section .content .content-left .liens {
    display: flex;
}

.catalogue-section .content .content-left .liens .lien {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.catalogue-section .content .image-section {
    position: absolute;
    top: -25px;
    width: 640px;
    right: 0;
    max-width: 47%;
}

.catalogue-section .content .content-left h2 {
    font-size: 51px;
    line-height: 1;
}

.catalogue-section .content .content-left .button {
    width: 199px;
    margin: 7px;
    padding: 13px 20px;
    height: 47px;
    cursor: pointer;
}


.catalogue-section .content .content-left a.button {
    padding-top: 15px;
}

.infos-section .content{
    position: relative;
    opacity: 1;
	transform: translateY(0px);
}
.infos-section .content{
    position: relative;

}

.infos-section h2 {
    position: relative;
    font-size: 110px;
    z-index: 2;
    margin: 0;
    margin-top: 178px;
    margin-bottom: 41px;
}

.infos-section .content .carre {
    position: absolute;
    top: -107px;
    width: 100%;
}

.infos-section .content .content-left{
    display: flex;
    justify-content: space-between;
}

.infos-section .content .content-left .content{
    width: 30%;
    opacity: 0;
	transform: translateY(100px);
}

.infos-section.scrolled .content .content-left .content {
	opacity: 1;
	transform: translateY(0px);
}

.infos-section .content .content-left .content img {
    height: 271px;
    width: 100%;
    object-fit: cover;
    transition: 0.3s;
}

.infos-section .content .content-left .content img:hover {
    height: 271px;
    width: 100%;
    object-fit: cover;
    transition: 0.3s;
    opacity: 0.7;
}

.infos-section .content .content-left .content .content-texte{
    font-size: 17px;
    margin-top: 24px;
}

.infos-section .content .content-left .content .content-texte h3 {
    font-size: 19px;
    font-family: "acumin-pro", sans-serif;
    font-style: italic;
    font-weight: 900;
    text-transform: uppercase;
    color: #000;
    z-index:1;
}

.infos-section .content .content-left .content .content-texte .view-article {
    display: block;
    text-decoration: solid;
    margin-top: 10px;
    border: 1px solid transparent;
    width: fit-content;
    padding: 7px 0;
    font-weight: 700;
}

.infos-section .content .content-left .content .content-texte .view-article:hover {
    border: 1px solid #ffeb4a;
}

.infos-section .content .content-left .content .content-texte .view-article:after{
	content: "\0027F6";
	margin-left: 7px;
}

.infos-section .content-texte .category .date {
    margin-right: 10px;
}

.infos-section .content-texte .category {
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    align-items: center;
}

.infos-section .content-texte .category .categorie {
    display: flex;
    align-items: center;
}

.infos-section .content .button {
    width: fit-content;
    margin: auto;
    margin-top: 41px;
    background: #FFF;
}

.infos-section .content-texte .category .categorie svg {
    margin-right: 3px;
}

.infos-section .content .button:hover {
    background: #ffeb4a;
}

.infos-section .content .content-left .content:nth-of-type(1) {
	transition: 0.7s all 0.3s ease;
}

.infos-section .content .content-left .content:nth-of-type(2) {
	transition: 0.7s all 0.6s ease;
}

.infos-section .content .content-left .content:nth-of-type(3) {
	transition: 0.7s all 0.9s ease;
}




.hero-section {
    width: 100%;
    height: fit-content;
    overflow: hidden;
}

.hero-section .image-top {
    position: relative;
    height: 634px;
    animation: move-left 0.5s ease;
}

@keyframes move-left {
    0% {
        opacity: 0;
        left: -100%;
     }
    100% {
       left: 0px;
       opacity: 1;
    }
  }

  @keyframes move-right {
    0% {
        opacity: 0;
        right: -100%;
     }
    100% {
       right: 0px;
       opacity: 1;
    }
  }

  @keyframes gain-opacity {
    0% {
        opacity: 0;
     }
    100% {
       opacity: 1;
    }
  }


  

.hero-section .image-top img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-section .content-hero {
    position: absolute;
    bottom: 0;
    z-index: 4;
    width: 71%;
    height: 100%;
    margin-left: 5%;
    max-width: fit-content;
    left: 0;
    right: 0;
    margin: initial;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: initial;
    max-width: 799px;
    padding-left: 10%;
}
.hero-section .content-hero h1 {
    color: #FFF;
    font-size: 50px;
    padding: 0;
    margin: 0;
    text-align: left;
    width: fit-content;
    margin-bottom: 17px;
    line-height: 1;
    opacity: 0;
}

.hero-section .content-hero h1 .word {
    display: inline-block;
    line-height: 1em;
}
  
.hero-section .swiper{
    height: 100vh;
}

.hero-section .line{
    height: 17px;
    width: 100%;
    background: #ffeb4a;
    position: relative;
}
.hero-section .images-bottom {
    display: flex;
    width: 100%;
    height: 543px;
    position: relative;
    animation: move-right 0.5s ease;
    
}

.hero-section .images-bottom .image {
    width: 50%;
    position: relative;
}

.hero-section .images-bottom .image .button {
    font-size: 35px;
    position: absolute;
    bottom: 49px;
    height: 90px;
    width: 400px;
    margin: auto;
    left: 0;
    right: 0;
    font-weight: 900;
    text-align: center;
    padding: 0;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    z-index: 7;
    font-style: italic;
}


.hero-section .images-bottom .button:after {
    content: "\0027F6";
    margin-left: 7px;
    height: 0;
    width: 0;
    opacity: 0;
}

.hero-section .image-top .background {
    position: absolute;
    right: 20px;
    opacity: 1;
    bottom: 170px;
    margin: auto;
    z-index: 3;
    width: fit-content;
    height: fit-content;
}

.hero-section .image-top .background svg {
    height: 190px;
    width: 707px;
}

.images-section {
    position: relative;
    height: 719px;
    width: 100%;
    margin-bottom: 199px;
    background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.images-section img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.images-section .carre {
    right: 59px;
    height: fit-content;
    width: fit-content;
    position: absolute;
    bottom: -69px;
}

.images-section {
    position: relative;
    height: 719px;
    width: 100%;
    margin-bottom: 199px;
}

.images-section .Parallax {
    backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 719px;
    clip: rect(0, auto, auto, 0);
}

.images-section .Parallax img {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: -10;
}

.hero-section .overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.3;
}


.hero-section a {
    border: 1px solid #ffeb4a;
    background: #ffeb4a;
    transition: 0.3s;
    height: fit-content;
    color: #000;
    font-weight: 900;
    opacity: 1;
    font-size: 17px;
    text-decoration: transparent;
    padding: 17px 39px;
}

.hero-section .content-hero a.button {
    opacity: 0;
}

.hero-section .content-hero h1 {
    color: #FFF;
    font-size: 50px;
    padding: 0;
    margin: 0;
    text-align: left;
    width: fit-content;
    font-weight: 900;
    margin-bottom: 17px;
    font-style: italic;
    line-height: 1;
 
}

@media only screen and (max-width:1400px){
    .hero-section .image-top .background {
        bottom: 70px;
    }
    .hero-section .image-top .background svg {
        width: 600px;
    }
}
@media only screen and (max-width:997px){
    .hero-section {
    height: fit-content;
	}

	.image-top {
		position: relative;
		height: 634px;
	}

	.hero-section .content-hero {
		width: 90%;
		margin-left: 0%;
		max-width: fit-content;
		margin: auto;
		justify-content: center;
		align-items: center;
		max-width: 100%;
		padding-left: 0;
	}

	.hero-section .content-hero h1 {
		font-size: 34px;
		text-align: center;
		width: 100%;
	}

	.hero-section .images-bottom {
		display: flex;
		width: 100%;
		height: fit-content;
		flex-direction: column;
		position: relative;
	}

	.hero-section .images-bottom .image {
		width: 100%;
		height: 199px;
		position: relative;
	}

	.hero-section .images-bottom .image .button {
		font-size: 13px;
		height: 39px;
		width: 50%;
		margin: auto;
		font-weight: 400;
		text-align: center;
		padding: 0;
		justify-content: center;
		align-items: center;
	}

	.hero-section .images-bottom .image .button {
		font-size: 11px;
		height: 39px;
		width: 50%;
		margin: auto;
		font-weight: 400;
		text-align: center;
		padding: 0;
		justify-content: center;
		align-items: center;

	}

	.hero-section .image-top .background {
        position: absolute;
        right: 0;
        left: 0;
        opacity: 1;
        bottom: 47px;
        margin: auto;
        z-index: 7;
        height: fit-content;
        width: fit-content;
    }

    .hero-section .image-top .background svg {
        width: 400px;
        max-width: 80vw;
    }

	.produits-section h2 {
		font-size: 41px;
		margin-top: 99px;
		line-height: 1;
	}

	.produits-section .products {
		display: flex;
		flex-wrap: wrap;
		margin: auto;
		justify-content: space-around;
	}

	.produits-section .products .product {
		min-width: 117px;
		height: 117px;
		margin: 15px;
		background: #FFF;
		box-shadow: 0px 3px 6px #c0c0c0;
		cursor: pointer;
	}

    .produits-section .background img {
        height: 100%;
        display: none;
    }

	.config-section h2 {
		font-size: 41px;
		margin-top: 90px;
		line-height: 1;
	}

	.config-section .content .content-left .modeles {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.config-section .content .content-left .modeles .modele {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-right: 17px;
	}

	.config-section .content .image-section {
		position: absolute;
		top: -25px;
		right: 0;
		width: 640px;
		opacity: 0;
		z-index: -1;
	}

	.config-section .content .content-left {
		height: fit-content;
	}

	.images-section .carre {
		right: 59px;
		height: fit-content;
		width: fit-content;
		position: absolute;
		bottom: -69px;
		width: 99px;
	}

	.images-section {
        position: relative;
        height: 299px;
        width: 100%;
        margin-bottom: 199px;
        display: none;
    }


	.infos-section h2 {
		position: relative;
		font-size: 41px;
		z-index: 2;
		margin: 0;
		margin-top: 130px;
	}

	.infos-section .content .carre {
        position: absolute;
        top: -27px;
        width: 100%;
        height: 133px;
        object-fit: cover;
    }


	.infos-section .content .content-left {
		flex-direction: column;
	}

	.infos-section .content .content-left .content {
		width: 100%;
		margin-top: 17px;
	}


	.catalogue-section .content .image-section {
		position: absolute;
		top: -25px;
		width: 640px;
		right: 0;
		opacity: 0;
		z-index: -1;
	}

    .catalogue-section .content .content-left .liens {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 27px;
	}
	
	.catalogue-section .content .content-left {
		max-width: 410px;
		margin: auto;
		width: 90%;
	}
	
	.catalogue-section .content .content-left h2 {
		font-size: 40px;
	}
	
	.catalogue-section {
		height: fit-content;
	}

}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/

.footer .content {
    display: flex;
    justify-content: space-between;
    padding: 51px 0;
}
.footer .opacity {
    opacity: 0.7;
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    font-size: 17px;
}
.footer {
    background: url(https://www.tbm-workwear.com/wp-content/themes/tbm/img/image1.png);
    background-size: cover;
	position: relative;
}


.footer .opacity {
    display: flex;
    justify-content: space-between;
    padding: 51px 0;
}

.footer .logo img{
	height: 71px;
}
	
	
.footer .content h4 {
	font-weight: 900;
	font-style: italic;
	font-family: "acumin-pro", sans-serif;
	font-size: 17px;
	color: #FFF;
}

.footer p {
	color: #FFF;
	transition: 0.3s;
}
	
.footer a {
	color: #FFF;
	transition: 0.3s;
}

.footer a:hover {
	color: #f5e400;
	transition: 0.3s;
}
	
.footer .content {
	display: flex;
	justify-content: space-between;
	padding: 51px 0;
	padding-bottom: 0;
	font-weight: 300;
}
	
.footer .copyright {
	font-size: 17px;
	text-align: center;
	padding: 17px 0;
	margin: 0;
	color: #FFF;
	position: relative;
}

.footer .nf-form-content input:not([type=email]) {
    position: absolute;
    top: -70px;
    right: 5px;
    background: var(--backgroundbutton);
    font-weight: 700;
    color: var(--couleurtextebutton);
    border: 1px solid var(--backgroundbutton);
    transition: 0.3s;
    padding: 7px 39px;
    height: 40px;
}

.footer .nf-form-content input:not([type=email]):hover {
    background: var(--backgroundbuttonhover);
    color: var(--couleurtextebuttonhover);
    border: 1px solid var(--backgroundbuttonhover);
}

.footer .nf-form-content input:not([type=submit]){
    background: transparent; 
    min-width: 324px;
}

.footer .nf-form-cont {
    width: 100%;
    margin: 0;
    padding: 0;
}

.footer .nf-form-content label {
    opacity: 0;
}

.footer .nf-form-content {
    padding: 0;
    max-width: 1000px;
    margin: 0 auto;
}

@media only screen and (max-width:997px){
	.footer .content{
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.footer .content .logo{
		align-items: center;
	}
	.footer .social{
		align-items: center;
	}

	.footer .nf-form-content input:not([type=email]) {
		top: -79px;
	
	}
}



/*------------------------------------*\
    SINGLE PRODUCT
\*------------------------------------*/

.woocommerce-shop .wpf_form {
    margin: 0 0 1em;
    background: #fff;
}

.woocommerce-shop main {
    padding-top: 73px;
    display: flex;
}

.woocommerce-shop section {
    margin: 0 79px;
    max-width: initial;
	width: 100%;
}

.woocommerce-shop section {
	width: 100%;
}

.woocommerce-shop .wpf_item .wpf_item_name {
    font-size: 19px;
    display: block;
    cursor: auto;
    border-bottom: 0px solid rgba(0,0,0,.1);
    border-top: 1px solid rgba(0,0,0,.1);
    margin: 0 0 .8em;
    padding-bottom: 0;
    padding-top: 17px;
    width: 100%;
    font-weight: 900;
    position: relative;
}

.woocommerce-shop ul.products li.product a img {
    width: 100%;
    height: 301px;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
    object-fit: contain;
}

.woocommerce-shop .wpf_column_vertical label {
    position: relative;
    font-weight: 700;
}

.woocommerce-shop .wpf_column_vertical label:before {
    background: #E5E5E5;
    border-radius: 2em;
    padding: 2px;
    transition: all 0.4s ease;
    position: absolute;
    display: block;
    content: "";
    width: 30px;
    height: 17px;
    left: 154px;
    top: -4px;
}

.woocommerce-shop .wpf_column_vertical label:after {
    border-radius: 50%;
    background: #000;
    transition: all 0.2s ease;
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    left: 157px;
    position: absolute;
    top: -3px;
}

.woocommerce-shop .wpf_item input[type="checkbox"]:checked + label:after{
    left: 167px;
}

.woocommerce-shop .wpf_item input[type="checkbox"]:checked + label:before{
	background: #ffeb4a;
}

.woocommerce-shop .wpf_item input[type="checkbox"] {
    opacity: 0;
    top: 0;
    position: absolute;
    right: 0;
}

.woocommerce-shop .wpf_item .wpf_item_name {
    font-size: 19px;
    display: block;
    cursor: auto;
    border-bottom: 0px solid rgba(0,0,0,.1);
    border-top: 1px solid rgba(0,0,0,.1);
    margin: 0 0 .8em;
    padding-bottom: 0;
    padding-top: 17px;
    width: 100%;
    font-weight: 900;
    position: relative;
    border: 1px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #ffffff;
    color: #000000;
}

.woocommerce-shop .wpf_item_wpf_cat label {
    border: 1px solid;
    padding: 17px;
}

.wpf_item_wpf_cat input[type="checkbox"]:checked + label{
	background: var(--backgroundbutton);
}

.woocommerce ul.products li.product .product_voir_devis .button{
    height: 100%;
    margin: 0;
}

.woocommerce-shop .product_voir_devis {
    display: flex;
    border: 1px solid;
    height: 31px;
}


.woocommerce-shop .product_add_devis {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
    font-size: 13px;
}

.woocommerce-shop .product_voir {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
    font-size: 13px;
    font-weight: 700;
}

.woocommerce ul.products li.product .product_voir_devis a img {
    width: fit-content;
    height: 17px;
    display: block;
    margin: 0;
    box-shadow: none;
    object-fit: contain;
    margin-right: 5px;
}

.woocommerce-shop .product_voir_devis a{
    width: 30%;
}

.woocommerce .product_voir_devis .button {
    width: 70%;
    padding: 1px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 17px;
}


.woocommerce-shop .ref{
    font-size: 13px;
}

.woocommerce-shop .woocommerce a.wc-forward {
    display: flex;
    padding: 0;
    position: absolute;
    bottom: -25px;
    border: 1px solid;
    width: 100%;
    justify-content: center;
    align-items: center;
    left: 0;
    opacity: 1;
}

.woocommerce-shop .woocommerce a.button.added::after{
    font-family: WooCommerce;
    content: "\e017";
    margin-left: .53em;
    vertical-align: bottom;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    margin-right: 3px;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: 1px solid transparent;
    background: #ffeb4a;
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden;
    margin: 3px;
}

.woocommerce nav.woocommerce-pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border: 1px solid transparent;
    border-right: 0;
    margin: 1px;
}

.filter-content .title {
    display: flex;
    align-items: center;
    padding-left: 29px;
}

.filter-content .title h2 {
    font-size: 31px;
    margin-bottom: 0;
    margin-left: 43px;
}

.filter-content .title img {
    margin-right: 17px;
}

.filter-content {
    z-index: 7;
    border-right: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    height: fit-content;
    width: 241px;
    background: #FFF;
    transition: 0.3s;
}


.woocommerce .products ul, .woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
    width: 234px;
    min-width: 234px;
    align-self: flex-end;
    margin: 20px;
    margin-bottom: 99px;
}

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
    position: absolute;
}

.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {
    opacity: 0.7;
}

.woocommerce .woocommerce-result-count {
    margin: 0 0 1em;
    font-size: 0;
}

.woocommerce .woocommerce-ordering {
    margin: 0 0 1em;
    height: 0;
    opacity: 0;
}

.wpf_item_wpf_cat li label:hover {
    background: #ffeb4a;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #ffffff;
    color: #000000;
}
.wpf_layout_vertical .wpf_item + .wpf_item .wpf_item_name {
    margin-top: 0;
    padding-left: 17px;
}

/*------------------------------------*\
    TEXTE BLOCK
\*------------------------------------*/

.texte_gutenberg_block{
	width: 90%;
	margin: 1px auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 1400px;
}

.texte_gutenberg_block li{
}

.texte_gutenberg_block p{
    text-align: center;
  }

.texte_gutenberg_block iframe{
    max-width: 90%;
}


@media only screen and (max-width:997px){
	.texte_gutenberg_block iframe{
		height: 199px;
	}

}
/*------------------------------------*\
    BUTTONS BLOCK
\*------------------------------------*/


.buttons_gutenberg_block{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 1200px;
	margin: auto;
}

.buttons_gutenberg_block .content{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
	width: 95%;
	flex-wrap: wrap;
}

.buttons_gutenberg_block .content-buttons{
	display: flex;
	justify-content: center;
}

.buttons_gutenberg_block .content .button{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.buttons_gutenberg_block .content .button:hover{
	opacity: 0.7;
}

.buttons_gutenberg_block .content .content-buttons {
	transition: 0.7s all 0.3s ease;
	opacity: 0;
	transform: translateY(100px);
}
.buttons_gutenberg_block .content .content-buttons:nth-of-type(1) {
	transition: 0.7s all 0.3s ease;
}
.buttons_gutenberg_block .content .content-buttons:nth-of-type(2) {
	transition: 0.7s all 0.6s ease;
}
.buttons_gutenberg_block .content .content-buttons:nth-of-type(3) {
	transition: 0.7s all 0.9s ease;
}
.buttons_gutenberg_block .content .content-buttons:nth-of-type(4) {
	transition: 0.7s all 1.2s ease;
}
.buttons_gutenberg_block .content .content-buttons:nth-of-type(5) {
	transition: 0.7s all 1.5s ease;
}
.buttons_gutenberg_block .content .content-buttons:nth-of-type(6) {
	transition: 0.7s all 1.8s ease;
}

.buttons_gutenberg_block.scrolled .content-buttons {
	opacity: 1;
	transform: translateY(0px);
}


/*------------------------------------*\
    LOGO BLOCK
\*------------------------------------*/

.logo_gutenberg_block .content .block .block-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding: 24px;
    border: 1px solid #DBB084;
    position: relative;
    border-radius: 5px;
    margin: 10px;
    height: 191px;
    width: 100%;
}


.logo_gutenberg_block{
	display: flex;
	margin: auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 1400px;
	width: 90%;
	margin-top: 49px;
}

.logo_gutenberg_block h2 {
	margin-bottom: 50px;
	transition: 0.7s all ease;
	opacity: 1;
  	align-self: flex-start;
}


.logo_gutenberg_block .content {
    display: flex;
    justify-content: space-around;
    width: 100%;
    flex-wrap: wrap;
}


.logo_gutenberg_block .content .block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	padding: 0;
}


.logo_gutenberg_block .content .block {
	width: 21%;
	margin: 10px 0;
	min-width: 220px;
}

.logo_gutenberg_block .content .block .button{
	margin: 10px;
}

.logo_gutenberg_block .content .block .block-content{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	padding: 24px;
	border: 1px solid #DBB084;
	position: relative;
	border-radius: 5px;
	margin: 10px;
	height: 191px;
}

.logo_gutenberg_block .content .block img {
	object-fit: cover;
	border-radius: 5px;
  	max-height: 430px;
	border-radius: 5px;
	height: 59px;
  	width: fit-content;
}

.logo_gutenberg_block .content .block h3 {
	font-size: 17px;
}

.logo_gutenberg_block .content .block p {
	text-align: center;	
	font-size: 15px;
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	display: flex;
	background: #FFF;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 10px;
	height: 100%;
	transition: 0.3s;
	width: 100%;
	border-radius: 5px;
}

.logo_gutenberg_block .content .block:hover p {
	text-align: center;	
	font-size: 15px;
	position: absolute;
	opacity: 1;
	transition: 0.3s;
}

@media screen and (max-width: 750px) {
	.logo_gutenberg_block .content .block .block-content{
		align-items: center;
		width: 100%;
	}
}

/*------------------------------------*\
    PARTENAIRE BLOCK
\*------------------------------------*/

.partenaires_gutenberg_block{
	margin: auto;
	max-width: 1400px;
	width: 90%;
	margin-top: 49px;
}

.partenaires_gutenberg_block .partenaires{
	margin-top: 49px;
}


.partenaires_gutenberg_block .image{
	display: flex;
	justify-content: center;
	align-items: center;
}
.partenaires_gutenberg_block .image img{
	max-width: 401px;
	width: 90%;
	height: 197px;
	object-fit: contain;
}

.partenaires_gutenberg_block h2{
	margin: auto;
	text-align: center;
	position: relative;
	width: fit-content;
	margin-bottom: 49px;
}

.partenaires_gutenberg_block p{
	text-align: center;
	margin: auto;
}

@media only screen and (max-width:901px) {
	.partenaires_gutenberg_block{
		width: 95%;
	}

	.partenaires_gutenberg_block h2{
		margin-bottom: 11px;
	}
}

/*------------------------------------*\
    IMAGE BLOCK
\*------------------------------------*/

.image_gutenberg_block {
	width: 90%;
	margin: auto;
	position: relative;
	color: #000;
	transition: 1s all ease;
	text-align: center;
}


.image_gutenberg_block img{
	height: 499px;
}



/*------------------------------------*\
    PARALLAX BLOCK
\*------------------------------------*/

.parallax_gutenberg_block {
	margin: 50px 0px;
	height: 500px;
	position: relative;
}

.parallax_gutenberg_block .parallax {
	height: 500px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallax_gutenberg_block .ParallaxVideo { 
	backface-visibility: hidden;
	position: absolute;
	width: 100%;
	height: 500px;
	clip: rect(0, auto, auto, 0);
}

.parallax_gutenberg_block .ParallaxVideo video {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: -10;
}

.parallax_gutenberg_block .content{
	display: flex;
	flex-direction: column;
	position: absolute;
	opacity: 1;
	justify-content: center;
	align-items: center;
	top: 0;
	font-size: inherit;
	height: 500px;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	left: 0;
	right: 0;
}

.parallax_gutenberg_block .content .titre h2{
	width: 100%;
	color: #FFF;
	text-align: center;
}

.parallax_gutenberg_block .content .titre p{
	color: #FFF;
	text-align: center;
}

.parallax_gutenberg_block .content .block .button{
	margin: 17px 7px;
}

.parallax_gutenberg_block .content .block .button:hover{
	transition: 0.3s;
}

.parallax_gutenberg_block .opacity{
	height: 500px;
	width: 100%;
	background: rgba(0, 0, 0, 0.107);
	position: absolute;
	top: 0;
}

.parallax_gutenberg_block .content .block{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	opacity: 1;
}

body.safari .parallax_gutenberg_block {
	display: none;
}

@media screen and (max-width: 750px) {
	.parallax_gutenberg_block .content .block .button{
		padding: 10px;
		margin: 7px;
	}

	.parallax_gutenberg_block .content .button{
		padding: 10px;
		margin: 7px;
	}

	.parallax_gutenberg_block {
		display: none;
	}
	.home .parallax_gutenberg_block {
		display: block;
	}

}


/*------------------------------------*\
    IMAGE TEXTE BLOCK
\*------------------------------------*/

.image_text_gutenberg_block {
	width: 90%;
	margin: 0 auto;
	position: relative;
	color: #000;
	display: flex;
    align-items: center;
    background: #EEE;
	transform: translateX(-10vw);
	opacity: 0;
	transition: 1s all ease;
    max-width: 1400px;
	justify-content: space-between;
}

.image_text_gutenberg_block.scrolled {
	transform: translateX(0);
	opacity: 1;
}

.image_text_gutenberg_block .image img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.image_text_gutenberg_block .image video {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.image_text_gutenberg_block .texte {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
	padding: 20px 0;
}

.image_text_gutenberg_block .texte h2 {
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
}


.image_text_gutenberg_block .youtube{
	height: fit-content;
  }



@media only screen and (max-width:760px) {
    .image_text_gutenberg_block .texte, .image_text_gutenberg_block .image {
        width: 100%!important;      
        text-align: center;
        align-items: center;
    }
    .image_text_gutenberg_block .image {
        height: 200px;
    }
    .image_text_gutenberg_block {
        flex-wrap: wrap;
    }

	.image_text_gutenberg_block .youtube{
		height: fit-content;
	  }
}

/*------------------------------------*\
    IMAGE TEXTE ENCADRE BLOCK
\*------------------------------------*/


.image_text_encadre_gutenberg_block{
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transform: scale(0.1);
	transition: 1s all ease;
}

.image_text_encadre_gutenberg_block.scrolled {
	opacity: 1;
	transform: scale(1);
}

.image_text_encadre_gutenberg_block .content{
	display: flex;
	max-width: 1200px;
	width: 90%;
	height: 400px;
	position: relative;
	margin-top: 49px;
	margin-bottom: 49px;
}

.image_text_encadre_gutenberg_block .content .image{
	width: 47%;
	height: 400px;
}

.image_text_encadre_gutenberg_block .content .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image_text_encadre_gutenberg_block .content .video {
	width: 47%;
	height: 400px;
}

.image_text_encadre_gutenberg_block .content .video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image_text_encadre_gutenberg_block .content .text{
	width: 53%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 0 6%;
	background: #efefef;
}

.image_text_encadre_gutenberg_block .content .text h2{
	line-height: 34px;
}

.image_text_encadre_gutenberg_block .content .text strong{
	font-weight: 700;
}

@media only screen and (max-width:760px) {
    .image_text_encadre_gutenberg_block .text, .image_text_encadre_gutenberg_block .image {
        width: 100%!important;   
        text-align: center;
        align-items: center;
    }
    .image_text_encadre_gutenberg_block .image {
        height: 200px;
    }
    .image_text_encadre_gutenberg_block .content{
        flex-wrap: wrap;
		height: fit-content;
	}

	.image_text_encadre_gutenberg_block .content .text{
		align-items: center;
		padding: 6%;
	}
}

/*------------------------------------*\
    REPETEUR IMAGE TEXTE BLOCK
\*------------------------------------*/

.repeteur_image_text_gutenberg_block{
	display: flex;
	margin: auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 1200px;
	width: 95%;
	margin-top: 49px;
}

.repeteur_image_text_gutenberg_block h2 {
	margin-bottom: 50px;
	transition: 0.7s all ease;
	opacity: 0;
	text-align: center;
	transform: translateY(100px);
}

.repeteur_image_text_gutenberg_block.scrolled h2 {
	opacity: 1;
	transform: translateY(0px);
}

.repeteur_image_text_gutenberg_block .content {
	display: flex;
	justify-content: space-between;
}

.repeteur_image_text_gutenberg_block .content .block {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 30%;
	padding: 2%;
	transition: 0.7s all 0.3s ease;
	opacity: 0;
	transform: translateY(100px);
}
.repeteur_image_text_gutenberg_block .content .block:nth-of-type(1) {
	transition: 0.7s all 0.3s ease;
}

.repeteur_image_text_gutenberg_block .content .block:nth-of-type(2) {
	transition: 0.7s all 0.6s ease;
}

.repeteur_image_text_gutenberg_block .content .block:nth-of-type(3) {
	transition: 0.7s all 0.9s ease;
}

.repeteur_image_text_gutenberg_block .content .block:nth-of-type(4) {
	transition: 0.7s all 1.2s ease;
}

.repeteur_image_text_gutenberg_block .content .block:nth-of-type(5) {
	transition: 0.7s all 1.5s ease;
}

.repeteur_image_text_gutenberg_block .content .block:nth-of-type(6) {
	transition: 0.7s all 1.8s ease;
}

.repeteur_image_text_gutenberg_block.scrolled .block {
	opacity: 1;
	transform: translateY(0px);
}

.repeteur_image_text_gutenberg_block .content .block img {
	object-fit: cover;
}

.repeteur_image_text_gutenberg_block .content .block h3 {
	margin-bottom: 0;
}

.repeteur_image_text_gutenberg_block .content .block p {
	text-align: center;	
}

.repeteur_image_text_gutenberg_block .content .block .button {
	position: relative;
}
.repeteur_image_text_gutenberg_block .content .block .button::after {
	content: '';
	position: absolute;
	left: -10px;
	width: 0px;
	height: 2px;
	bottom: -2px;
	opacity: 0;
	transition: 0.3s opacity ease, 0.5s all ease;
}

.repeteur_image_text_gutenberg_block .content .block .button:hover::after {
	opacity: 1;
	width: calc(100% + 20px);
}

@media screen and (max-width: 750px) {
	.repeteur_image_text_gutenberg_block .content{
		justify-content: center;
		flex-direction: column;
	}

	.repeteur_image_text_gutenberg_block .content .block{
		width: 100%;
		margin-bottom: 17px;
	}

	.repeteur_image_text_gutenberg_block h2{
		text-align: center;
	}

}

/*------------------------------------*\
    TEXTE SLIDER BLOCK
\*------------------------------------*/



.slider_text_gutenberg_block {
	width: 90%;
	margin: 50px auto;
	position: relative;
	color: #000;
	display: flex;
    background: #EEE;
	transform: translateX(-10vw);
	opacity: 0;
	transition: 1s all ease;
    max-width: 1400px;
}

.slider-block{
    justify-content: space-between;
}


.slider-block .swiper .pagination{
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 7;
    height: 24px;
}

.slider-block .swiper .pagination .swiper-pagination-block{
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-block .swiper .pagination .swiper-pagination-bullet{
    width: 17px;
    height: 17px;
}

.slider-block .swiper{
    margin: 0;
}

.slider_text_gutenberg_block.scrolled {
	transform: translateX(0);
	opacity: 1;
}

.slider_text_gutenberg_block img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.slider_text_gutenberg_block .slide-image{
	max-height: 499px;
	object-fit: contain;
}

.slider_text_gutenberg_block .text {
	padding: 36px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.slider_text_gutenberg_block .text h2 {
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
}

.slider_text_gutenberg_block .text p{
}


@media only screen and (max-width:760px) {
    .slider_text_gutenberg_block .text, .slider_text_gutenberg_block .swiper {
        width: 100%!important;
    }
    .slider_text_gutenberg_block .image {
        height: 200px;
    }
    .slider_text_gutenberg_block{
        flex-wrap: wrap;
		height: fit-content;
	}

	.slider_text_gutenberg_block  .text{
		align-items: center;
		padding: 6%;
        text-align: center;
	}
}




/*------------------------------------*\
    BLOCK
\*------------------------------------*/


.wp-block-media-text {
	width: 90%;
	margin: 50px auto;
    max-width: 1400px;
}

.nf-form-cont {
	width: 90%;
	margin: 0 auto;
	padding: 50px 0;
    max-width: 1400px;
}

.wp-block-gallery {
	width: 90%;
	margin: 50px auto;
    max-width: 1400px;
}


/*------------------------------------*\
    HEADER
\*------------------------------------*/


.header {
    margin-top: 0;
    position: fixed;
    top: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 99;
    height: 74px;
    align-items: center;
    background: #fff;
    padding: 0 7%;
    box-shadow: 0px 2px 2px #07060633;
}
.header nav ul li a {
    font-size: 17px;
}


.header nav ul li a {
    font-size: 15px;
    transition: 0.3s;
    color: #000;
    font-weight: 700;
}
.header nav ul li:after {
    content: '';
    height: 7px;
    width: 100%;
    background: transparent;
    display: block;
    position: relative;
    bottom: -24px;
}

.header nav ul li:hover:after {
    content: '';
    height: 7px;
    width: 100%;
    background: #ffeb4a;
    display: block;
    position: relative;
    bottom: -24px;
}
.header nav ul li a:hover {
    text-decoration: underline;
    color: #000;
	transition: 0.3s;
}

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

.header nav {
    display: flex;
    width: 100%;
    justify-content: space-between;
}


.header .current_page_item:after {
    content: '';
    height: 7px;
    width: 100%;
    background: #ffeb4a;
    display: block;
    position: relative;
    bottom: -24px;
}

.header .current_page_item:hover:after {
    content: '';
    height: 7px;
    width: 100%;
    background: transparent;
    display: block;
    position: relative;
    bottom: -24px;
}

.header .logo img {
    height: 21px;

}


.header nav ul{
	display: flex;
	font-size: 17px;
	list-style: none;
}


.header .icones-button{
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .icones-button a {
    margin: 0px 7px;
}


.header .header-right{
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .header-right .button {
    margin: 0 7px;
    padding: 13px 13px;
    width: 110px;
}

.header nav .close{
	font-size: 41px;
	position: absolute;
	top: 3%;
	right: 3%;
	justify-content: center;
	align-items: center;
	display: none;
}

.header .menu-responsive{
	font-size: 41px;
	justify-content: center;
	align-items: center;
	display: none;
}

.header .show{
	left: 0;
}


@media only screen and (max-width:997px){
	.header nav ul{
		flex-direction: column;
		padding: 0;
		align-items: center;
	}
	.header nav{
		flex-direction: column;
		position: fixed;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background: #FFF;
		opacity: 1;
		font-size: inherit;
		left: -100%;
		top: 0;
		transition: 0.3s;
	}

	.header nav ul li a{
		margin: 17px 0;
		color: #000;
	}

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

	.logo-section .content .title h2{
		font-size: 31px;
	}

	.header .menu-responsive{
		display: flex;
		cursor: pointer;
	}

	.header nav .close{
		display: flex;
		cursor: pointer;
	}

	
	.header .header-right {
		flex-direction: column;
	}
}

/*------------------------------------*\
    CONFIG
\*------------------------------------*/

@font-face {
	font-family:'AcuminConcept';
	src:url('https://tbm.v2.dev.jolifish.eu/wp-content/themes/tbm/fonts/AcuminVariableConcept.otf');
}

h1{
    font-weight: 900;
    font-style: italic;
    font-family: "acumin-pro", sans-serif;
}

h2{
    font-weight: 900;
    font-style: italic;
    font-family: "acumin-pro", sans-serif;
}

h3{
    font-weight: 900;
    font-style: italic;
    font-family: "acumin-pro", sans-serif;
}

p {
    font-size: 17px;
    color: #000;
    font-weight: 400;
}

body{
    font-family: "acumin-pro", sans-serif;
    color: #000;
}

.wrapper {
    max-width: 1280px;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.page-h1{
	padding-top: 97px;
	color: #000;
	text-align: center;
}

.button {
    border: 1px solid var(--couleurborderbutton);
    background: var(--backgroundbutton);
    transition: 0.3s;
    height: fit-content;
    color: var(--couleurtextebutton);
    font-weight: 700;
    opacity: 1;
    font-size: 13px;
    text-decoration: transparent;
    padding: 13px 20px;
    display: flex;
    justify-content: center;
    font-family: "acumin-pro", sans-serif;
}

.button:after {
    content: "\0027F6";
    margin-left: 7px;
    height: 100%;
    position: relative;
    font-family: fantasy;
    bottom: 2px;
}

.add_to_cart_button:after{
	content: "";
	margin-left: 7px;
}

.button:hover{
	background: var(--backgroundbuttonhover);
	color: var(--couleurtextebuttonhover);
	transition: 0.3s;
	border: 1px solid var(--couleurborderbuttonhover);
}

#button {
	display: inline-block;
	background-color: var(--backgroundbutton);
	width: 50px;
	border: 1px solid var(--backgroundbutton); 
	height: 50px;
	text-align: center;
	border-radius: var(--borderradiusbutton);
	text-decoration: transparent;
	position: fixed;
	bottom: 99px;
	right: 30px;
	transition: background-color .3s, 
	  opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
  }
  #button::after {
	content: "\f077";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	line-height: 50px;
	color: var(--couleurtextebutton);
  }
  #button:hover {
	cursor: pointer;
	background-color: #FFF;
  }
  #button:hover::after {
	color: var(--couleurtextebuttonhover);
  }
  #button:active {
	background-color: #555;
  }
  #button.show {
	opacity: 1;
	visibility: visible;
  }


@media only screen and (max-width:997px){
    .hero-section a{
		font-size: 13px;
		padding: 17px 10px;
	}

	.button{
		font-size: 13px;
		padding: 17px 10px;
	}

	h2{
		font-size: 31px;
	}
}



.pagination{
	height: 71px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.new-single-product {
    margin-top: 117px;
}

.new-single-product .collection {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 71px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}

.new-single-product .product-first {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.new-single-product .product-first .left {
    width: 50%;
    margin-top: 24px;
}

.new-single-product .product-first .left .reference .ref{
  font-weight: 900;
}

.new-single-product .product-first .left .reference {
    font-size: 30px;
    margin-bottom: 17px;
    text-transform: uppercase;
}

.new-single-product .product-first .left .description {
    border-top: 1px solid;
    border-bottom: 1px solid;
    font-size: 20px;
    padding: 24px 0;
}

.new-single-product .product-first .left .citation {
    padding: 17px 0;
    text-transform: uppercase;
}

.new-single-product .product-first .left .product_boutons {
    display: flex;
    padding: 24px 0;
    flex-wrap: wrap;
}

.new-single-product .product-first .right {
    width: 50%;
    text-align: center;
}

.new-single-product .product-second {
    margin-top: 71px;
}

.new-single-product .product-second .titre {
    font-size: 29px;
    border-bottom: 1px solid;
    font-weight: 700;
    padding-bottom: 7px;
    font-family: "acumin-pro", sans-serif;
    font-style: italic;
}

.new-single-product .product-second .title {
    font-size: 19px;
    margin-top: 47px;
    text-transform: uppercase;
    margin-bottom: 17px;
    font-weight: 700;
    font-family: "acumin-pro", sans-serif;
    font-style: italic;
}

.new-single-product .product-second .description-technique {
    max-width: 70%;
}

.new-single-product .product-second .sizes {
    font-size: 17px;
}

.new-single-product .product-second .icones .icone img {
    height: 71px;
    margin-right: 7px;
}

.new-single-product .product-second .icones {
    display: flex;
    margin-top: 17px;
}

.new-single-product .product-second .icones .icones-techniques{
    display: flex;
}


.new-single-product .product-second .colors .images {
    display: flex;
    flex-wrap: wrap;
}

.new-single-product .product-second .colors .titles {
    font-size: 17px;
    padding: 17px 0;
}

.new-single-product .product-second .colors .images img {
    height: 99px;
    margin-right: 17px;
}

.new-single-product .product-second .colors .images .number {
    position: relative;
    font-size: 17px;
    top: -30px;
    left: 15px;
}

.new-single-product .product-second .bold {
    font-size: 17px;
}

.new-single-product  .second {
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    margin-top: 49px;
}

.new-single-product .second .btn {
    border: 1px solid #000;
    width: 199px;
    height: 44px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-weight: 700;
    margin: 0 7px;
    cursor: pointer;
    transition: 0.3s;
    background: #FFF;
}


.new-single-product .second .btn:hover {
    background: #ffeb4a;
    transition: 0.3s;
}

.new-single-product .second .btn-default {
    width: initial; 
  
}

.new-single-product .second .btn svg {
    height: 17px;
    width: 17px;
}

.new-single-product .second .msg-btn {
    position: relative;
}

.new-single-product .second .dispo {
    position: absolute;
    top: -19px;
    left: 49px;
    margin: auto;
    right: 0;
}


.new-single-product .modal-msg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.6);
    z-index: 900;
    transition: 0.3s all ease;
    display: none;
    opacity: 0;
    justify-content: center;
    align-items: center;
    padding: 20px;
    transition: 0.3s all ease;
}

.new-single-product .modal-msg .content {
    background: #FFF;
    padding: 50px 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
    max-width: 700px;
}

.new-single-product .modal-msg .content .close-msg {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: 0.3s all ease;
}

.new-single-product .modal-msg .content .title {
    font-size: 17px;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
}


.new-single-product .modal-msg .content .form {
    color: #000;
}

.new-single-product .mySwiper2{
    height: 499px;
}

.new-single-product .mySwiper img{
    cursor: pointer;
}

.new-single-product .mySwiper2 img{
    height: 499px;
}

.new-single-product .mySwiper{
    margin-top: 17px;
}

.new-single-product table {
    border: 1px solid;
    font-size: 13px;
}


.new-single-product table th{
    border: 1px solid;
}

.new-single-product table td{
    border: 1px solid;
}

.new-single-product .commercial-bandeau {
    background: #ffeb4a;
    font-size: 30px;
    padding-left: 10%;
    padding-top: 17px;
    margin-right: 30%;
    margin-top: 43px;
    font-style: italic;
    font-weight: 900;
    font-family: "acumin-pro", sans-serif;
}



@media only screen and (max-width:997px) {
	.new-single-product .commercial-bandeau {
		background: #ffeb4a;
		font-size: 30px;
		padding-left: 0;
		padding-top: 0;
		margin-right: 0;
		margin-top: 43px;
		text-align: center;
	}

	.new-single-product  .second {
		display: flex;
		margin: auto;
		justify-content: center;
		align-items: center;
		margin-top: 49px;
		flex-wrap: wrap;
	}
	
	.new-single-product .product-second .description {
		max-width: 100%;
	}
	
	.new-single-product .product-first .left .product_boutons {
		justify-content: center;
	}
	
	
	.new-single-product .second .msg-btn {
		position: relative;
		margin-top: 39px;
	}
	
	.new-single-product .product-first .right {
		width: 100%;
		text-align: center;
	}
	
	.new-single-product .product-first .left {
		width: 90%;
		margin-top: 24px;
	}
	
	.new-single-product .collection {
		font-size: 17px;
	}
}


.page-index .articles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}


.page-index article{
    width: 30%;
}
.page-index article img{
    height: 271px;
    width: 100%;
    object-fit: cover;
}

.page-index article img:hover {
    height: 271px;
    width: 100%;
    object-fit: cover;
    transition: 0.3s;
    opacity: 0.7;
}



.page-index article .content-texte{
    font-size: 17px;
    margin-top: 24px;
}



.page-index article  .content-texte .view-article {
    display: block;
    text-decoration: solid;
    margin-top: 10px;
    border: 1px solid transparent;
    width: fit-content;
    padding: 7px;
}

.page-index article .content-texte .view-article:after{
	content: "\0027F6";
	margin-left: 7px;
}

article .content-texte .view-article:hover {
    border: 1px solid #ffeb4a;
}

.page-index {
    top: -49px;
    position: relative;
    z-index: 2;
}
.page-index article .content-texte .category .date {
    margin-right: 7px;
}


.page-index article .content-texte .category {
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    align-items: center;
}


.page-index article .content-texte .category .categorie {
    display: flex;
    align-items: center;
}



.page-index article .content-texte .category .categorie svg{
    margin-right: 3px;
}

.page-index .pagination .page-numbers {
    color: var(--couleurhref);
    transition: 0.3s;
    text-decoration: underline;
    font-size: 17px;
    margin: 3px;
    border: 1px solid #ffeb4a;
    padding: 3px 7px;
    background: #ffeb4a;
    text-decoration: solid;
}

.page-index .pagination .page-numbers.current {
    color: var(--couleurhref);
    transition: 0.3s;
    text-decoration: underline;
    font-size: 17px;
    margin: 3px;
    border: 1px solid #ffeb4a;
    padding: 3px 7px;
    background: #FFF;
    text-decoration: solid;
}

.page-index .pagination a:hover {
    transition: 0.3s;
    text-decoration: underline;
    font-size: 17px;
    margin: 3px;
    border: 1px solid #ffeb4a;
    padding: 3px 7px;
    background: #FFF;
    text-decoration: solid;
}






.page-index .index-h1 {
    font-size: 110px;
    text-align: left;
}

.page-index article {
    width: 30%;
    min-width: 300px;
    max-width: initial;
    margin: 0;
    box-shadow: 0 0 0;
    border-radius: 0;
    height: fit-content;
    display: block;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    opacity: 1;
    padding: 0;
    margin-bottom: 20px;
}


.page-index article .content-texte h3 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 900;
}


@media only screen and (max-width:997px){
    .page-index .index-h1 {
    font-size: 41px;
    text-align: left;
    margin-bottom: 0;
}
}



main{
	padding-top: 99px;
}

.trail {
    position: absolute;
    height: 6px; width: 6px;
    border-radius: 3px;
    background: #ffeb4a;
}


.woocommerce-shop .ref {
    font-size: 16px;
    font-weight: 700;
}