.sectionProductPresentation .title {font-size: 2em;margin-bottom: 1em;font-weight: 400}
.sectionProductPresentation article .divImg {margin-right: 10%}
.sectionProductPresentation article .divContent, .sectionProductPresentation article .divImg {width: 45%;display: inline-block;vertical-align: top}
.sectionProductPresentation .btn, .sectionProductPresentation .divBck, .sectionProductPresentation .elementTitle, .sectionProductPresentation p {transform: translateX(5em);opacity: 0 !important;transition: 1s}
.sectionProductPresentation .divBck {transform: translateX(-5em)}
.sectionProductPresentation .divMin .divBck {transform: translate(0, 5em)}
.sectionProductPresentation article .appearElement {transform: translateX(0) !important;opacity: 1 !important}
.sectionProductPresentation article .divPrincipal {height: 25em;width: 100%}
.sectionProductPresentation .contain {background-size: cover;margin: .5em;background-position: center center;background-repeat: no-repeat}
.sectionProductPresentation .divImg > .divBck {width: 100%;height: 30em; overflow: hidden}
.sectionProductPresentation .divImg > .divBck img {width: 100%;height: 100%; object-fit: cover; transform: scale(1); transition: ease transform .3s}
.sectionProductPresentation .divImg .divMin .divBck {height: 6em;cursor: pointer;position: relative;transition: 1s;border: 2px solid transparent;display: inline-block;width: 6em}
.sectionProductPresentation .divImg .divMin .selectedImg {border-color: var(--basicColor1)}
.sectionProductPresentation .divImg .divMin .divBck:after {content: "";transition: .3s;width: 100%;position: absolute;height: 100%;}
.sectionProductPresentation .divImg .divMin .divBck:hover:after {background-color: #80808038}
.sectionProductPresentation article .divMin .divBckElement:first-child, .sectionProductPresentation article .divPrincipal {margin-left: 0}
.sectionProductPresentation .divContent .elementTitle span {display: block;font-size: .7em;font-weight: 400}
.sectionProductPresentation .divContent .elementTitle span:before {content: "";height: .3em;width: 4em;margin: .3em 0;display: block;background: var(--basicColor1)}
.sectionProductPresentation .elementTitle {text-transform: uppercase;font-size: 2.2em}
.sectionProductPresentation .divContent .btn {background: var(--basicColor1);font-size: 1em;color: #000;margin: .5em 0;border-color: var(--basicColor1)}
.sectionProductPresentation .divContent .divLink {display: flex;flex-direction: column;align-items: flex-start}
.sectionProductPresentation .divContent .btn:hover {background: 0 0;color: var(--basicColor1)}
.sectionProductPresentation article .divBckElement {height: 8em;width: 8em;cursor: pointer;transition: .3s;opacity: 1;display: inline-block}
.sectionProductPresentation article .divBckElement:hover {opacity: .5 !important}
.boutonProduit, .boutonProduit button {display: flex;gap: 1em;border-radius: 0}
.boutonProduit .btn {margin: 0 !important;display: flex;align-items: center}
.boutonProduit .buttonQuantityProduct {width: fit-content;height: fit-content}
.boutonProduit p {margin: 0}
@media screen and (max-width: 1000px) {
	.sectionProductPresentation article .divImg {width: 80%;display: block;margin: 0 auto}
	.sectionProductPresentation article .divContent {width: 100%}
}
@media screen and (max-width: 500px) {
	.sectionProductPresentation article .divImg {width: 100%}
	.sectionProductPresentation .title {font-size: 1.5em}
	.sectionProductPresentation .divImg .divMin .divBck {width: 4em;height: 4em}
	.sectionProductPresentation .divImg > .divBck {height: 20em}
}