/* Styles pour la fenêtre modale 091024*/
.modal091024 {
display: none;
position: fixed;
z-index: 1001;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
}
.modal-content091024 {
background-color: #fff;
margin: 10% auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
max-width: 500px;
border-radius: 5px;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
position: relative;
}
/* Bouton de fermeture */
.close {
position: absolute;
top: 10px;
right: 15px;
font-size: 28px;
cursor: pointer;
z-index: 1050;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
}
/* Styles du formulaire */
#callMeForm label {
display: block;
margin-top: 10px;
font-weight: bold;
}
#callMeForm input,
#callMeForm select {
width: 100%;
padding: 8px;
margin-top: 5px;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 4px;
}
#callMeForm button {
margin-top: 15px;
padding: 10px 20px;
background-color: #28a745;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s;
width: 100%;
font-size: 16px;
}
#callMeForm button:hover {
background-color: #218838;
}
/* Styles pour le message de succès */
.success-message {
margin-top: 10px;
padding: 10px;
background-color: #4CAF50;
color: white;
border-radius: 5px;
text-align: center;
}
/* Styles pour le bouton "Appelez-moi" */
.contact-bubbles {
position: fixed;
bottom: 18px;
right: 30%;
transform: translateX(50%);
display: flex;
flex-direction: column;
align-items: center;
z-index: 1000;
}
.contact-bubbles .call-me-bubble {
margin-bottom: 1px;
}
.call-me-bubble img {
width: 60px;
cursor: pointer;
border: 1px solid #ccc;
border-radius: 50%;
object-fit: cover;
}
/* Styles pour appareils mobiles */
@media only screen and (max-width: 600px) {
.call-me-bubble img {
width: 60px;
}
.contact-bubbles {
right: 130px;
transform: none;
}
}
/* Styles pour ordi */
@media only screen and (min-width: 1000px) {
.call-me-bubble img {
width: 60px;
}
.contact-bubbles {
right: 220px;
transform: none;
}
}
.float-whatsapp{
position:fixed;
width:60px;
height:60px;
bottom:20px;
right:140px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.my-float-whatsapp{
margin-top:16px;
}
/* all mobiles */
@media(max-width:767px){
.float-whatsapp{
width:60px;
height:60px;
bottom:20px;
right:70px;
font-size:30px;
}
.my-float-whatsapp{
margin-top:16px;
}
}
.IMGGIF img{
width: 50%;
border-radius: 100% 100%;
}
.tv-category-title-wrapper{
background-color: #ffd741;}
.test > img{
margin-left: 25%;
margin-right: 10%}
#product-availability {
background-color: red;}
#Description > h2{
border : 0px;
padding: 0px ;
text-align : center;}
#Description > h3{
border : 0px;
padding: 0px ;
text-align : center;}
#Description > p{
text-align : center;
font-size: 21px;
color: black;
margin-left: 50px;
margin-right: 50px;}
#Description > h4{
border : 0px;
padding: 0px ;
text-align : center;}
#Description > h5{
border : 0px;
padding: 0px ;
text-align : center;}
#Description > h6{
border : 0px;
padding: 0px ;
text-align : center;}
#Description > td{
border : 0px;
padding: 0px ;
text-align : center;}
div#tab-content.tab-content{
width: 100%;
padding:0px;
border-top: 0px #EB5353 dotted;
border-right: 0px #F9D923 double;
border-bottom: 0px #36AE7C dashed;
border-left: 0px #187498 solid;
}
#product .container {
width: 100%;
padding:0px;
}
.tvflex-items{
display: none;}
.illustration {
position:relative;
margin: 0 auto;}
.i-large ,
.i-medium ,
.i-small {
position : absolute;
top: 0; right: 0; bottom: 0; left: 0;
}
/*
. .i-large {
background: url("https://ebuy-easy.com/img/cms/particulelarge.png") repeat 0px 0px;
-webkit-animation: dropFlowParticles 2s linear infinite;
-o-animation: dropFlowParticles 2s linear infinite;
animation: dropFlowParticles 2s linear infinite;
}
.i-medium {
background: url("https://ebuy-easy.com/img/cms/particullemedium.png") repeat 0px 0px;
-webkit-animation: dropFlowParticles 12s linear infinite;
-o-animation: dropFlowParticles 12s linear infinite;
animation: dropFlowParticles 12s linear infinite;
}
.i-small {
background:url("https://ebuy-easy.com/img/cms/particullesmall.png") repeat 0px 0px;
-webkit-animation: dropFlowParticles 27s linear infinite;
-o-animation: dropFlowParticles 27s linear infinite;
animation: dropFlowParticles 27s linear infinite;
}
//.illustration:hover { animation-play-state: paused;}
//.i-large:hover { animation-play-state: paused;}
//.i-medium:hover { animation-play-state: paused;}
//.i-small:hover { animation-play-state: paused;}. /
@-webkit-keyframes dropFlowParticles {
from { background-position: 0 0; }
to { background-position: 0 413px; }
}
@keyframes dropFlowParticles {
from { background-position: 0 0; }
to { background-position: 0 413px; }
}
*/
#Description > img {
margin: 0 auto;
display: block;
width: auto !important;
max-width: auto !important;
height: auto !important;}}
#contenu{
text-align : center;}
.image-container {
position: relative;}
.tvbrand-page-block iframe{height:100%!important}
#main > div.tvproduct-page-wrapper > div.tvprduct-image-info-wrapper.clearfix.row > div.col-md-6.tv-product-page-content > div.alert.alert-danger.ajax-error > input {
display: none;
}
.brand-img {
display:none;
}
#customer-form > div > div:nth-child(11) > div.col-md-6 > input {
display: none;
}
#customer-form > div > div:nth-child(10) > div.col-md-6{
display: none;
}
#customer-form > div > div:nth-child(12) > div.col-md-6 > input{
display: none;
}
#product .tax-shipping-delivery-label{
display:none;
}
@media (min-width: 992px){
.tv-language-dropdown, .tv-currency-dropdown {
min-width: max-content;
}
}
#callMeModal > div > span{
display:none;
}
.desk-hide {
display: none !important;}
.desk-show {
display: block !important; }
@media screen and (min-width: 600px) {
.img-max {
width: 100% !important;
max-width: 100% !important;
height: auto !important;}
.max-width {
max-width: 100% !important;}
.des-wrapper {
width: 85% !important;
max-width: 85% !important; }
.des-padding {
padding-left: 5% !important;
padding-right: 5% !important; }
/* USE THESE CLASSES TO HIDE CONTENT ON des */
.des-hide {
display: none !important;}
.des-show {
display: block !important; }
}
@media screen and (max-width: 600px) {
.img-max {
width: 100% !important;
max-width: 100% !important;
height: auto !important;}
.max-width {
max-width: 100% !important;}
.mobile-wrapper {
width: 85% !important;
max-width: 85% !important; }
.mobile-padding {
padding-left: 5% !important;
padding-right: 5% !important; }
/* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */
.mobile-hide {
display: none !important;
font-size: 309px; }
.mobile-show {
display: block !important;}
}
.desk-show > p {
margin: 12px;
}
.desk-show h2{
margin: 12px;
}
.desk-show h3{
margin: 12px;
}
.desk-show h5{
margin: 12px;
}
.desk-show h6{
margin: 12px;
}
.image-textCH {
position: absolute;
top: 15%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
color: black;
font-size: 72px;
font-weight: bold;}
.image-textCHM {
position: absolute;
top: 15%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
color: black;
font-size: 32px;
font-weight: bold;}
.image-textCH241124{
position: absolute;
top: 15%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
color: black;
font-size: 72px;
font-weight: bold;
white-space: nowrap;}
.image-textCHM241124 {
position: absolute;
top: 15%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
color: black;
font-size: 32px;
font-weight: bold;
white-space: nowrap;}
.image-textCHB {
position: absolute;
top: 10%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
color: white;
font-size: 72px;
font-weight: bold;}
.image-textCHMB {
position: absolute;
top: 12%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
color: white;
font-size: 32px;
font-weight: bold;}
.image-textCHMB240924 {
position: absolute;
top: 12%;
left: 30%;
transform: translate(-50%, -50%);
z-index: 1;
color: white;
font-size: 32px;
font-weight: bold;}
.image-textCH210924 {
position: absolute;
top: 15%;
left: 70%;
transform: translate(-50%, -50%);
z-index: 1;
color: black;
font-size: 72px;
font-weight: bold;}
.image-textCH230924 {
position: absolute;
top: 15%;
left: 20%;
transform: translate(-50%, -50%);
z-index: 1;
color: black;
font-size: 72px;
font-weight: bold;}
.image-containerr {
position: relative;
padding: 10px;
background-color: black;}
.backgroundB {
background-color: black;}
.image-containerrwhite {
position: relative;
padding: 10px;
background-color: white;}
.Center {
text-align : center;}
.textEAWT {
text-align : center;
color: white;
font-weight: bold;
font-size: 72px;}
.textEAWT h2{
color: white;
font-weight: bold;
font-size: 72px;}
.textEAWT h4{
color: white;
font-weight: bold;
font-size: 42px;}
.textEAWT h3{
color: white;
font-weight: bold;
font-size: 50px;}
.textEAWT h5{
color: white;
font-weight: bold;
font-size: 30px;}
.textEAWT p{
line-height :50px;
color: white;
font-weight: bold;
font-size: 32px;}
.textEAWTMOBIL {
text-align : center;
color: white;
font-weight: bold;
font-size: 72px;}
.textEAWTMOBIL h2{
color: white;
font-weight: bold;
font-size: 48px;}
.textEAWTMOBIL p{
line-height :50px;
color: white;
font-weight: bold;
font-size: 22px;}
.textEAWTP {
text-align : center;
color: white;
font-weight: bold;
font-size: 32px;}
.textEAW {
text-align : center;
color: white;
font-weight: bold;}
.textEAW130324{
text-align : center;
color: black;
font-weight: bold;}
.textEAWP {
text-align : LEFT;
color: white;
font-weight: bold;}
.textEAWT210424 {
text-align : center;
font-weight: bold;
font-size: 72px;}
.textEAWT210424 h2{
font-weight: bold;
font-size: 72px;}
.textEAWT210424 h4{
font-weight: bold;
font-size: 42px;}
.textEAWT210424 h3{
font-weight: bold;
font-size: 50px;}
.textEAWT210424 h5{
font-weight: bold;
font-size: 30px;}
.textEAWT210424 p{
line-height :50px;
font-weight: bold;
font-size: 32px;}
.textEAWTMOBIL210424 {
text-align : center;
font-weight: bold;
font-size: 72px;}
.textEAWTMOBIL210424 h2{
font-weight: bold;
font-size: 48px;}
.textEAWTMOBIL210424 h3{
font-weight: bold;
font-size: 40px;}
.textEAWTMOBIL210424 h4{
font-weight: bold;
font-size: 30px;}
.textEAWTMOBIL210424 p{
line-height :30px;
font-weight: bold;
font-size: 20px;}
.IframePlein iframe{
width: 100%;
padding:0px;
border-top: 0px #EB5353 dotted;
border-right: 0px #F9D923 double;
border-bottom: 0px #36AE7C dashed;
border-left: 0px #187498 solid;}
#conteneur {
overflow: hidden;
background-color: white;}
#conteneur div {
padding:30px;
width: 25%;
float: left;
margin-left: 6%;
text-align : center;}
#conteneur {
height: 0%;}
#conteneur img{
border-radius: 25% 10%;}
#conteneur1 {
overflow: hidden;
background-color: white;}
#conteneur1 div {
padding:30px;
width: 25%;
float: left;
margin-left: 6%;
text-align : center;}
#conteneur1 {
height: 0%;}
#conteneur1 img{
border-radius: 25% 10%;}
#conteneur1b {
overflow: hidden;
background-color: white;}
#conteneur1b div {
padding:30px;
width: 25%;
float: left;
margin-left: 6%;
text-align : center;}
#conteneur1b {
height: 0%;}
#conteneur1b img{
border-radius: 25% 10%;}
#conteneur2{
overflow: hidden;
background-color: white;}
#conteneur2 div{
padding:30px;
width: 25%;
float: left;
margin-left: 6%;
text-align : center;}
#conteneur2{
height: 0%;}
#conteneur2 img{
border-radius: 25% 10%;}
#conteneur2b{
overflow: hidden;
background-color: white;}
#conteneur2b div{
padding:30px;
width: 25%;
float: left;
margin-left: 6%;
text-align : center;}
#conteneur2b{
height: 0%;}
#conteneur2b img{
border-radius: 25% 10%;}
#conteneur3{
overflow: hidden;
background-color: orange;}
#conteneur3 div{
width: 50%;
float: left;}
#conteneur3{
padding:2%;
height: 1%;}
#conteneur3 img{
float: right;
margin-right: 2%;}
#conteneur3B{
overflow: hidden;
background-color: orange;}
#conteneur3B div{
width: 50%;
float: left;}
#conteneur3B{
padding:2%;
height: 1%;}
#conteneur3B img{
float: right;
margin-right: 2%;}
#conteneur4 {
overflow: hidden;
background-color: white;}
#conteneur4 div {
padding:30px;
width: 50%;
float: left;
text-align : center;}
#conteneur4 {
height: 0%;}
#conteneur4 img{
width: 100%;
border-radius: 25% 10%;}
#conteneur4B {
overflow: hidden;
background-color: white;}
#conteneur4B div {
padding:30px;
width: 50%;
float: left;
text-align : center;}
#conteneur4B {
height: 0%;}
#conteneur4B img{
width: 100%;
border-radius: 25% 10%;}
.conteneur4{
overflow: hidden;
background-color: orange;}
#conteneur5{
overflow: hidden;
background-color: white;}
#conteneur5 div{
padding:30px;
width: 50%;
float: left;
text-align : center;}
#conteneur5{
height: 0%;}
#conteneur5 img{
width: 100%;
border-radius: 25% 10%;}
#conteneur6{
overflow: hidden;
background-color: white;}
#conteneur6 div{
padding:30px;
width: 50%;
float: left;
text-align : center;}
#conteneur6{
height: 0%;}
#conteneur6 img{
width: 100%;
border-radius: 25% 10%;}
.icoM img {
width: 23%;}
#conteneur080424 {
overflow: hidden;}
#conteneur080424 div {
padding:30px;
width: 50%;
float: left;
text-align : center;}
#conteneur080424 {
height: 0%;}
#conteneur080424 img{
width: 60%;
border-radius: 25% 10%;}
#conteneur080424B {
overflow: hidden;}
#conteneur080424B div {
padding:30px;
width: 50%;
float: left;
text-align : center;}
#conteneur080424B {
height: 0%;}
#conteneur080424B img{
width: 60%;
border-radius: 25% 10%;}
.T1U p{ font-weight: bold; font-size: 72px;}
.T1U h1{ font-weight: bold; font-size: 72px;}
.T1U h2{ font-weight: bold; font-size: 72px;}
.T1U h3{ font-weight: bold; font-size: 72px;}
.T1U h4{ font-weight: bold; font-size: 72px;}
.T1U h5{ font-weight: bold; font-size: 72px;}
.T1U h6{ font-weight: bold; font-size: 72px;}
.T1U h7{ font-weight: bold; font-size: 72px;}
.T1U h8{ font-weight: bold; font-size: 72px;}
.T1U h9{ font-weight: bold; font-size: 72px;}
.T1U h10{ font-weight: bold; font-size: 72px;}
.T1U h11{ font-weight: bold; font-size: 72px;}
.T1C {text-align : center;}
.T1G {text-align : LEFT;}
.T1CN {color: black;}
.T1CB {color: white;}
.conteneur120324 {
display: flex; /* Utilisation de Flexbox pour le positionnement */
}
.image120324 {
width: 50%; /* La moitié de la largeur de son parent */
}
.image080424 {
width: 40%; /* La moitié de la largeur de son parent */
}
.texte080424 {
width: 60%; /* La moitié de la largeur de son parent */
display: flex; /* Utilisation de Flexbox pour centrer le texte */
align-items: center; /* Centrage vertical du texte */
justify-content: center; /* Centrage horizontal du texte */
text-align: center; /* Centrage horizontal du texte */
}
.image120324IM img {
width: 60%;
}
.image120324IMG img {
float: right;
}
.texte120324 {
width: 50%; /* La moitié de la largeur de son parent */
display: flex; /* Utilisation de Flexbox pour centrer le texte */
align-items: center; /* Centrage vertical du texte */
justify-content: center; /* Centrage horizontal du texte */
text-align: center; /* Centrage horizontal du texte */
}
.image2120324 {
width: 50%;
order: 2; /* Change l'ordre d'affichage, met l'image à droite */
}
.image150324M img {
width: 100%;
}
.texte2120324 {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
order: 1; /* Change l'ordre d'affichage, met le texte à gauche */
}
.texte040424 {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
order: 1; /* Change l'ordre d'affichage, met le texte à gauche */
}
.container240324 {
text-align: center;
margin-bottom: 0;
position: relative;
}
.image240324 {
max-width: 100%;
height: auto;
display: block;
margin: 0;
}
.text240324 {
position: absolute;
top: 15%; /* Positionner le texte à mi-hauteur */
left: 0;
width: 100%;
padding: 10px;
font-weight: bold;
text-align: center;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: white;
}
.text020424 {
position: absolute;
top: 8%; /* Positionner le texte à mi-hauteur */
left: 0;
width: 100%;
padding: 10px;
font-weight: bold;
text-align: center;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.text010424 {
position: absolute;
top: 5%; /* Positionner le texte à mi-hauteur */
left: 0;
padding: 10px;
width: 100%;
font-weight: bold;
text-align: center;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.text040424 {
position: absolute;
top: 0%; /* Positionner le texte à mi-hauteur */
left: 0;
padding: 1px;
width: 100%;
font-weight: bold;
text-align: center;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.pcText {
font-size: 28px; /* Police plus grande pour la version PC */
transform: translateY(-50%);
}
.mobileText {
font-size: 15px; /* Police plus petite pour la version mobile */
transform: translateY(-40%);
}
.blackText {
color: black; /* Couleur du texte en noir */
}
.greyText {
color: rgba(255, 255, 255, 0.95); /* Couleur du texte en noir */
}
@media screen and (max-width: 600px) {
.container240324.pc240324 {
display: none;
}
}
@media screen and (min-width: 601px) {
.container240324.mobile240324 {
display: none;
}
}
@media screen and (max-width: 999px) {
.container240324.pc240324 {
}
.text030424 {
font-size: 15px;
}
}
@media screen and (min-width: 1000px) {
.container240324.mobile240324 {
}
.text030424 {
font-size: 30px;
}
}
@media screen and (max-width: 1200px) {
.container050424.pc050424 {
display: none;
}
}
@media screen and (min-width: 1201px) {
.container050424.mobile050424{
display: none;
}
}
@media screen and (max-width: 1024px) {
.container240424.pc240424 {
display: none;
}
}
@media screen and (min-width:1025px) {
.container240424.mobile240424 {
display: none;
}
.container100424 {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.image-wrapper100424 {
flex: 1;
text-align: center;
position: relative;
max-height: 100%;
}
.left-image100424 {
margin-right: 0px; /* Marge à droite pour l'image de gauche */
}
.right-image100424 {
margin-left: 0px; /* Pour pousser l'image de droite vers la droite */
}
.right-image100424 img, .left-image100424 img {
max-height: 100%;
width: auto;
height: auto;
}
.red {
color: red;
}
.video-container1005 {
position: relative;
width: 125%;
height: 800 px;
overflow: hidden;
}
.video-container1005 iframe {
position: absolute;
width: 125%; /* 100% de la largeur de l'écran */
height: 800 px;
}
.product-description-20240602 {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
text-align: center;
padding: 2em 0;
}
.product-title-20240602 {
background-color: #333;
color: #fff;
padding: 1em 0;
width: 100%;
font-size: 2em; /* Texte plus grand */
}
.product-section-20240602 {
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 5px;
margin: 1em 0;
padding: 1em;
max-width: 1200px;
margin: 1em auto;
}
.product-section-20240602 img {
max-width: 45%;
height: auto;
border-radius: 5px;
}
.product-info-20240602 {
max-width: 50%;
padding: 1em;
text-align: center;
font-size: 1.5em; /* Texte plus grand */
}
.product-section-20240602.alternate-20240602 {
flex-direction: row-reverse;
}
.product-footer-20240602 {
text-align: center;
width: 100%;
margin-top: 2em;
font-size: 1.5em; /* Texte plus grand */
}
@media (max-width: 768px) {
.product-section-20240602 {
flex-direction: column;
}
.product-section-20240602 img, .product-info-20240602 {
max-width: 100%;
width: 100%;
}
.product-info-20240602 {
font-size: 1.5em; /* Texte plus grand */
text-align: center;
padding: 1em 0;
}
}
.video-wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh; /* Adjust this value as needed */
}
.video-container-06062024 {
position: relative;
width: 100%;
max-width: 100%; /* Ensure the video doesn't exceed the viewport width */
height: 0;
padding-bottom: 56.25%; /* 16:9 aspect ratio */
overflow: hidden;
z-index: 2; /* Ensures the video container is above other elements */
}
.video-container-06062024 iframe {
position: absolute;
top: -25%; /* Adjust this value to control the vertical position */
left: -25%; /* Adjust this value to control the horizontal position */
width: 150%;
height: 110%;
border: 0;
z-index: 1; /* Ensures the iframe is above the container */
pointer-events: auto; /* Ensures that the iframe is interactive */
}
.uniform-size {
}
.TtiAJ240624{
font-size: 60px;
}
}
.imac-margin {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%; /* Défaut à 100% de la largeur du conteneur */
}
.imac-marginT {
}
/* Media Query pour les écrans d'iMac */
@media only screen and (min-width: 2560px) {
.imac-margin {
width: 40%;
margin: 20px;
}
imac-marginT img{
width: 75%; /* Définir la largeur souhaitée */
height: 75%; /* Définir la hauteur souhaitée */
margin: 20px;
object-fit: cover;
}
.TtiAJ240624{
font-size: 100px;
}
.uniform-size img{
width: 75%; /* Définir la largeur souhaitée */
height: 75%; /* Définir la hauteur souhaitée */
object-fit: cover; /* Assure que l'image couvre entièrement l'espace sans déformation */
}
}
.image-091024 {
width: 40%;
height: auto; /* Cela permet de conserver le ratio de l'image */
display: block; /* Assure que l'image ne soit pas en ligne avec du texte */
margin: 0 auto; /* Centre l'image horizontalement */
}
/* Black Friday IMGPC*/
/*.tvproduct-image-slider {
position: relative; /* Nécessaire pour le positionnement absolu du badge
}*/
/*.tvproduct-image-slider::before {
content: ''; /* On ne place pas directement l'image ici */
position: absolute;
top: 5px; /* Coin supérieur */
right: 5px; /* Coin droit */
width: 30%; /* Taille adaptée du badge */
height: 30%; /* Conserve une taille carrée */
background: url('https://ebuy-easy.com/img/cms/EbuyEasyBlackFriday2024.png') no-repeat center center; /* Ajout du badge comme fond */
background-size: contain; /* Ajuste la taille de l'image pour qu'elle s'adapte au conteneur */
z-index: 10; /* Assure que le badge est au-dessus */
pointer-events: none; /* Permet de cliquer à travers */
display: block; /* S'assure que l'élément est visible */
}
/*---------------------------------
/* Black Friday IMGMO */
/*@media (max-width: 768px) { /* Cible les écrans avec une largeur de 768px ou moins */
.tvvertical-slider {
position: relative; /* Nécessaire pour le positionnement absolu du badge */
}*/
/* .tvvertical-slider::before {
content: ''; /* On ne place pas directement l'image ici */
position: absolute;
top: 5px; /* Coin supérieur */
right: 5px; /* Coin droit */
width: 30%; /* Taille adaptée du badge */
height: 30%; /* Conserve une taille carrée */
background: url('https://ebuy-easy.com/img/cms/EbuyEasyBlackFriday2024.png') no-repeat center center; /* Ajout du badge comme fond */
background-size: contain; /* Ajuste la taille de l'image pour qu'elle s'adapte au conteneur */
z-index: 10; /* Assure que le badge est au-dessus */
pointer-events: none; /* Permet de cliquer à travers */
display: block; /* S'assure que l'élément est visible */
}
}*/
/*@media (min-width: 769px) { /* Cible les écrans plus grands que 768px */
.tvvertical-slider::before {
display: none; /* Cache le badge sur les écrans plus grands */
}
}*/
/* Black Friday produit d acceuil */
/* .tvproduct-image {
position: relative; /* Nécessaire pour le positionnement absolu du badge */
}*/
/* .tvproduct-image::before {
content: ''; /* On ne place pas directement l'image ici */
position: absolute;
top: 5px; /* Coin supérieur */
right: 5px; /* Coin droit */
width: 30%; /* Taille adaptée du badge */
height: 30%; /* Conserve une taille carrée */
background: url('https://ebuy-easy.com/img/cms/EbuyEasyBlackFriday2024.png') no-repeat center center; /* Ajout du badge comme fond */
background-size: contain; /* Ajuste la taille de l'image pour qu'elle s'adapte au conteneur */
z-index: 10; /* Assure que le badge est au-dessus */
pointer-events: none; /* Permet de cliquer à travers */
display: block; /* S'assure que l'élément est visible */
}*/
/* fin Black Friday produit d acceuil */
/*--------------------------------------------------------*/
.full-width-image {
width: 100%;
height: auto; /* Maintient le ratio de l'image */
}
/* Autoriser le zoom sur toutes les pages (global) */
html, body {
touch-action: auto !important;
overflow: auto !important;
position: static !important;
transform: none !important;
zoom: 1 !important;
}
/* Neige uniquement sur la page d'accueil */
/*
body#index::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
pointer-events: none; /* Permet de cliquer sur le contenu en dessous */
background: url("https://ebuy-easy.com/img/cms/particulelarge.png") repeat 0 0,
url("https://ebuy-easy.com/img/cms/particullemedium.png") repeat 0 0,
url("https://ebuy-easy.com/img/cms/particullesmall.png") repeat 0 0;
animation: dropFlowLarge 2s linear infinite,
dropFlowMedium 12s linear infinite,
dropFlowSmall 27s linear infinite;
}
/* Empêcher la neige sur les vidéos et iframes */
body#index iframe, body#index video {
position: relative;
z-index: 1001; /* Au-dessus de la neige */
pointer-events: auto; /* Permet les interactions sur les vidéos */
}
/* Animations pour l'effet de neige */
@keyframes dropFlowLarge {
from {
background-position: 0 0;
}
to {
background-position: 0 413px;
}
}
@keyframes dropFlowMedium {
from {
background-position: 0 0;
}
to {
background-position: 0 413px;
}
}
@keyframes dropFlowSmall {
from {
background-position: 0 0;
}
to {
background-position: 0 413px;
}
}
*/
/* Conteneur principal */
.content-container-20241211 {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
font-family: Arial, sans-serif;
}
/* Titre principal */
.page-title-20241211 {
text-align: center;
font-size: 2.5em;
margin-bottom: 20px;
color: #333;
}
/* Texte d'introduction */
.intro-text-20241211 {
text-align: center;
font-size: 1.2em;
color: #666;
margin-bottom: 40px;
}
/* Grille des avantages */
.advantages-grid-20241211 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
/* Avantage individuel */
.advantage-20241211 {
border: 1px solid #ddd;
border-radius: 8px;
background: #fff;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.advantage-20241211:hover {
transform: translateY(-5px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
/* Image de l'avantage */
.advantage-image-20241211 {
width: 100%;
height: 200px;
object-fit: cover;
}
/* Titre de l'avantage */
.advantage-title-20241211 {
font-size: 1.5em;
margin: 15px;
color: #0078d7;
}
/* Texte de l'avantage */
.advantage-text-20241211 {
font-size: 1em;
color: #555;
margin: 0 15px 15px;
line-height: 1.6;
}
.container170225 {
max-width: 900px;
margin: auto;
padding: 20px;
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.payment-method {
display: flex;
align-items: center;
padding: 20px;
margin: 15px 0;
background: #fff;
border-radius: 10px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
font-size: 18px;
font-weight: bold;
cursor: pointer;
transition: background 0.3s, transform 0.2s;
}
.payment-method:hover {
background: #e9ecef;
transform: scale(1.03);
}
.payment-method img {
width: 110px;
height: auto;
max-height: 90px;
margin-right: 35px;
}
.details {
display: block;
padding: 15px;
background: #f8f9fa;
border-left: 4px solid #007bff;
border-radius: 8px;
font-size: 16px;
}
