.categorie-title {
        text-align: center;
        font-size: 28px;
        margin-bottom: 30px;
        color: #fff;
        letter-spacing: 1px;
        font-weight: bold;
        margin-top: -9%;
    }

    .categorie-container {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 20px;
    }

    .categorie-item {
        width: 14%;
        text-align: center;
        overflow: hidden;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        text-decoration: none;
		opacity:0.5;
    }

    .categorie-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
		opacity:1;
    }

    .categorie-item img {
        width: 100%;
        height: 120px;
        object-fit: cover;
        border-bottom: 1px solid #eee;
    }

    .categorie-item p {
        margin: 10px 0;
        font-weight: 600;
        color: #fff;
    }




    .welcome-serv-img img {
        float: left;
        width: 100%;
    }

    .aboutus-title {
        text-align: center;
        font-size: 28px;
        margin-bottom: 30px;
        color: #173B65;
        letter-spacing: 1px;
        font-weight: bold;
        margin-top: 8%;
        text-decoration: underline;
    }

    .ourblog-title {
        text-align: center;
        font-size: 28px;
        margin-bottom: 30px;
        color: #fff;
        letter-spacing: 1px;
        font-weight: bold;
        margin-top: 3%;
        text-decoration: underline;
		
    }


    .news-title {
        text-align: center;
        font-size: 28px;
        margin-bottom: 30px;
        color: #173B65;
        letter-spacing: 1px;
        font-weight: bold;
        margin-top: 3%;
        text-decoration: underline;
    }

    .about-us p {
        padding-right: 124px;
        font-size: 14px;
        line-height: 26px;
    }

    .slotholder {
        height: 60% !important;
        /* ou 500px, selon ton besoin */
    }

    .tp-parallax-wrap {
        top: 40% !important;
    }

    .main-slider a {
        color: #fff;
    }

    main {
        position: relative;
        float: left;
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 5%;
    }

    .mg-top-minus {
        margin-top: -11%;
        background-color: #173B65;
        padding-left: 10%;
        padding-right: 10%;
    }

    .main-slider {
        width: 100%;
        overflow: hidden;
					background-color:#AE1920;

    }

    .slider-img {
        width: 100%;
        height: auto;
        /* Garde les proportions originales */
        display: block;
    }

    .main-slider {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .slider-container {
        position: relative;
    }

    .slide {
        display: none;
        position: relative;
        width: 100%;
    }

    .slide.active {
        display: block;
    }

    .slide img {
        width: 100%;
        height: auto;
        object-fit: contain;
        display: block;
        margin-top: 5%;
    }
	
	    .slide video {
        width: 100%;
        height: auto;
        object-fit: contain;
        display: block;
        margin-top: 5%;
    }

    /* Bouton "Voir le produit" */
    .slider-btn {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        background-color: #173B65;
        color: #fff;
        text-decoration: none;
        padding: 5px 19px;
        /* border-radius: 30px; */
        font-weight: 600;
        transition: background 0.3s ease;
        margin-top: 29%;
    }

    .slider-btn:hover {
        background-color: transparent;
        border: 2px solid #fff;
        text-decoration: none;


    }

    /* Flèches de navigation */
    .prev,
    .next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: none;
        /* supprime le fond */
        color: white;
        /* couleur de la flèche */
        border: none;
        /* supprime la bordure */
        font-size: 38px;
        /* taille de la flèche */
        cursor: pointer;
        padding: 10px;
        /* espace autour de la flèche */
        border-radius: 0;
        /* coins non arrondis */
        transition: color 0.3s ease;
    }

    .prev:hover,
    .next:hover {
        color: #ffcc00;
        /* change la couleur au survol */
    }


    .prev {
        left: 20px;
    }

    .next {
        right: 20px;
    }

    button:focus {
        outline: 0px dotted;
        outline: 0px;
    }

    .product-row {
        display: flex;
        justify-content: space-between;
        /* espace entre les images */
        flex-wrap: wrap;
        /* pour passer à la ligne si l’écran est trop petit */
        gap: 10px;
        /* espace entre chaque image */
        margin-top: 20px;
        align-items: center;
    }

    .product img {
        width: 75%;
        /* taille des mini-images */
        height: auto;
        object-fit: cover;
        /* garde le ratio et remplit le carré */
        cursor: pointer;
        transition: transform 0.3s ease;
    }

    .product img:hover {
        transform: scale(1.1);
        /* effet zoom au survol */
    }

    .special-slider {
        position: relative;
        display: flex;
        align-items: center;
        margin-top: 20px;
    }

    .slider-wrapper {
        overflow: hidden;
        width: 880px;
        /* 4 cards x 220px chacune */
        margin: 0 auto;
    }

    .slider {
        display: flex;
        gap: 20px;
        transition: transform 0.5s ease;
    }

    .slider-track {
        display: flex;
        transition: transform 0.5s ease;
    }

    .slide-card {
        flex: 0 0 220px;
        /* largeur d'une card */
        margin-right: 10px;
        /* espace entre les cards */
        text-align: center;
    }

    .slide-card img {
        width: 55%;
        border-radius: 5px;
        object-fit: cover;
    }

    /* Flèches */
    .special-slider .prev,
    .special-slider .next {
        background: none;
        border: none;
        font-size: 28px;
        cursor: pointer;
        color: #1a73e8;
        padding: 5px 10px;
    }

    #ourblog {
        background-color: #173B65;
        margin-top: 6%;

    }

    .cons-img img {
        border: 0px;
    }

    .kn-title h3:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 3px;
        height: 100%;
        background-color: #AE1920;
    }

    .kn-title h3 {
        color: #FFF;
    }

    .about-kons h4 {
        color: #FFF;
    }

    .about-kons p {
        color: #FFF;
    }

    @media (min-width: 1500px) {
        .slide img {
            width: 100%;
            height: auto;
            object-fit: contain;
            display: block;
            margin-top: 4%;
        }
		.slide video {
            width: 100%;
            height: auto;
            object-fit: contain;
            display: block;
            margin-top: 4%;
        }
    }

    /* ---- VERSION MOBILE ---- */
    @media (max-width: 768px) {
        .categorie-container {
            display: flex;
            flex-wrap: nowrap;
            /* empêche de passer à la ligne */
            overflow-x: auto;
            /* permet le scroll horizontal */
            -webkit-overflow-scrolling: touch;
            /* défilement fluide sur iPhone */
            gap: 10px;
            padding-bottom: 10px;
        }

        .categorie-item {
            flex: 0 0 auto;
            /* garde la largeur fixe */
            width: 100%;
            /* ajuste selon ton design */
        }

        .categorie-item img {
            width: 100%;
            height: auto;
        }

        .block {
            padding-top: 19%;
            padding-bottom: 0px;
        }

        .slider-btn {
            display: inline-block;
            margin-top: 22%;
            padding: 1px 7px;
            background-color: #173B65;
            color: #fff;
            border-radius: 4px;
            text-decoration: none;
            transition: background 0.3s ease;
			font-size: 11px;
        }

		.block {
			float: inline-end;
			width: 100%;
			padding: 9% 0;
			position: relative;
			z-index: 99;
			padding-bottom: 2%;
		}

		.categorie-title {
			text-align: center;
			font-size: 15px;
			margin-bottom: 30px;
			color: #fff;
			letter-spacing: 1px;
			font-weight: bold;
			margin-top: -9%;
			padding-top: 5px;
		}
        .product-row {
            display: flex;
            flex-wrap: nowrap;
            -webkit-overflow-scrolling: touch;
            gap: 0px;
            padding-bottom: 10px;
            justify-content: flex-start;
        }

        .product {
            flex: 0 0 auto;
            width: 100%;
            /* Ajuste la largeur selon ton design */
        }

        .product img {
            width: 100%;
            height: auto;
        }


        .slide-card {
            flex: 0 0 100%;
        }

        .prev,
        .next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: none;
            border: none;
            font-size: 30px;
            cursor: pointer;
            color: #333;
            z-index: 10;
        }

        .prev {
            left: 10px;
        }

        .next {
            right: 10px;
        }

        iframe {
            width: 100% !important;
            height: 250px !important;
        }

        .our-products,
        .block {
            padding: 0 0px;
            width: 114%;
            /* padding-right: 5%; */
            margin-left: -7%;
        }

        .categorie-title {
            text-align: center;
            font-size: 28px;
            margin-bottom: 30px;
            color: #fff;
            letter-spacing: 1px;
            font-weight: bold;
            margin-top: 6%;
        }
		
		.slide video {
			width: 100%;
			height: auto;
			object-fit: contain;
			display: block;
			margin-top: 0%;
		}
    }